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

{% 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">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/0-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('0-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">0-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/0-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('0-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">0-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/0-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('0-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">0-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/0-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('0-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">0-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/1-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('1-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">1-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/1-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('1-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">1-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/1-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('1-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">1-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/1-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('1-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">1-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/123/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('123', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">123</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/2-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('2-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">2-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/2-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('2-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">2-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/2-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('2-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">2-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/2-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('2-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">2-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/3-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('3-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">3-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/3-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('3-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">3-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/3-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('3-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">3-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/3-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('3-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">3-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/4-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('4-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">4-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/4-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('4-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">4-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/4-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('4-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">4-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/4-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('4-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">4-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/5-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('5-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">5-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/5-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('5-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">5-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/5-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('5-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">5-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/5-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('5-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">5-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/6-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('6-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">6-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/6-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('6-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">6-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/6-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('6-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">6-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/6-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('6-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">6-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/7-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('7-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">7-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/7-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('7-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">7-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/7-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('7-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">7-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/7-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('7-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">7-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/8-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('8-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">8-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/8-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('8-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">8-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/8-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('8-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">8-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/8-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('8-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">8-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/9-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('9-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">9-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/9-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('9-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">9-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/9-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('9-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">9-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/9-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('9-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">9-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/activity/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('activity', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">activity</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/airplane/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('airplane', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">airplane</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/airplane-engines/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('airplane-engines', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">airplane-engines</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/airplane-engines-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('airplane-engines-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">airplane-engines-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/airplane-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('airplane-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">airplane-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/alarm/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('alarm', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">alarm</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/alarm-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('alarm-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">alarm-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/alexa/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('alexa', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">alexa</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/align-bottom/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('align-bottom', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">align-bottom</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/align-center/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('align-center', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">align-center</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/align-end/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('align-end', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">align-end</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/align-middle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('align-middle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">align-middle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/align-start/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('align-start', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">align-start</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/align-top/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('align-top', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">align-top</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/alipay/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('alipay', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">alipay</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/alphabet/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('alphabet', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">alphabet</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/alphabet-uppercase/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('alphabet-uppercase', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">alphabet-uppercase</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/alt/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('alt', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">alt</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/amazon/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('amazon', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">amazon</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/amd/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('amd', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">amd</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/android/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('android', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">android</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/android2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('android2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">android2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/app/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('app', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">app</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/app-indicator/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('app-indicator', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">app-indicator</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/apple/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('apple', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">apple</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/archive/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('archive', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">archive</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/archive-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('archive-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">archive-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-90deg-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-90deg-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-90deg-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-90deg-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-90deg-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-90deg-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-90deg-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-90deg-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-90deg-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-90deg-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-90deg-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-90deg-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-bar-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-bar-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-bar-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-bar-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-bar-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-bar-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-bar-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-bar-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-bar-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-bar-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-bar-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-bar-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-clockwise/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-clockwise', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-clockwise</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-counterclockwise/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-counterclockwise', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-counterclockwise</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-down-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-down-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-down-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-left-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-left-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-down-left-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-left-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-left-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-down-left-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-left-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-left-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-down-left-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-left-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-left-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-down-left-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-down-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-right-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-right-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-down-right-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-right-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-right-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-down-right-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-right-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-right-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-down-right-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-right-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-right-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-down-right-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-short/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-short', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-down-short</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-down-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-down-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-down-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-down-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-down-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-left-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-left-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-left-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-left-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-left-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-left-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-left-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-left-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-left-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-left-short/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-left-short', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-left-short</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-left-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-left-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-left-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-left-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-left-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-left-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-repeat/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-repeat', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-repeat</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-return-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-return-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-return-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-return-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-return-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-return-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-right-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-right-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-right-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-right-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-right-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-right-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-right-short/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-right-short', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-right-short</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-right-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-right-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-right-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-right-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-right-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-right-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-through-heart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-through-heart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-through-heart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-through-heart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-through-heart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-through-heart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-up-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-up-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-up-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-left-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-left-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-up-left-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-left-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-left-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-up-left-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-left-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-left-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-up-left-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-left-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-left-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-up-left-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-up-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-right-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-right-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-up-right-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-right-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-right-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-up-right-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-right-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-right-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-up-right-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-right-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-right-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-up-right-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-short/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-short', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-up-short</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-up-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrow-up-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrow-up-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrow-up-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrows/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrows', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrows</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrows-angle-contract/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrows-angle-contract', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrows-angle-contract</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrows-angle-expand/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrows-angle-expand', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrows-angle-expand</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrows-collapse/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrows-collapse', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrows-collapse</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrows-collapse-vertical/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrows-collapse-vertical', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrows-collapse-vertical</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrows-expand/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrows-expand', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrows-expand</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrows-expand-vertical/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrows-expand-vertical', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrows-expand-vertical</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrows-fullscreen/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrows-fullscreen', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrows-fullscreen</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrows-move/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrows-move', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrows-move</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/arrows-vertical/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('arrows-vertical', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">arrows-vertical</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/aspect-ratio/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('aspect-ratio', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">aspect-ratio</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/aspect-ratio-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('aspect-ratio-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">aspect-ratio-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/asterisk/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('asterisk', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">asterisk</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/at/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('at', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">at</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/award/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('award', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">award</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/award-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('award-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">award-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/back/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('back', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">back</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/backpack/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('backpack', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">backpack</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/backpack-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('backpack-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">backpack-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/backpack2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('backpack2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">backpack2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/backpack2-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('backpack2-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">backpack2-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/backpack3/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('backpack3', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">backpack3</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/backpack3-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('backpack3-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">backpack3-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/backpack4/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('backpack4', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">backpack4</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/backpack4-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('backpack4-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">backpack4-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/backspace/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('backspace', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">backspace</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/backspace-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('backspace-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">backspace-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/backspace-reverse/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('backspace-reverse', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">backspace-reverse</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/backspace-reverse-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('backspace-reverse-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">backspace-reverse-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-3d/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-3d', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">badge-3d</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-3d-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-3d-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">badge-3d-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-4k/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-4k', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">badge-4k</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-4k-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-4k-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">badge-4k-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-8k/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-8k', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">badge-8k</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-8k-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-8k-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">badge-8k-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-ad/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-ad', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">badge-ad</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-ad-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-ad-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">badge-ad-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-ar/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-ar', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">badge-ar</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-ar-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-ar-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">badge-ar-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-cc/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-cc', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">badge-cc</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-cc-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-cc-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">badge-cc-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-hd/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-hd', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">badge-hd</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-hd-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-hd-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">badge-hd-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-sd/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-sd', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">badge-sd</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-sd-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-sd-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">badge-sd-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-tm/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-tm', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">badge-tm</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-tm-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-tm-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">badge-tm-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-vo/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-vo', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">badge-vo</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-vo-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-vo-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">badge-vo-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-vr/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-vr', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">badge-vr</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-vr-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-vr-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">badge-vr-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-wc/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-wc', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">badge-wc</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/badge-wc-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('badge-wc-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">badge-wc-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bag/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bag', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bag</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bag-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bag-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bag-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bag-check-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bag-check-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bag-check-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bag-dash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bag-dash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bag-dash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bag-dash-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bag-dash-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bag-dash-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bag-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bag-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bag-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bag-heart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bag-heart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bag-heart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bag-heart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bag-heart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bag-heart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bag-plus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bag-plus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bag-plus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bag-plus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bag-plus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bag-plus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bag-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bag-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bag-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bag-x-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bag-x-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bag-x-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/balloon/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('balloon', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">balloon</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/balloon-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('balloon-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">balloon-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/balloon-heart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('balloon-heart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">balloon-heart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/balloon-heart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('balloon-heart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">balloon-heart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/ban/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ban', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">ban</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/ban-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ban-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">ban-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bandaid/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bandaid', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bandaid</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bandaid-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bandaid-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bandaid-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bank/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bank', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bank</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bank2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bank2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bank2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bar-chart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bar-chart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bar-chart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bar-chart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bar-chart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bar-chart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bar-chart-line/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bar-chart-line', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bar-chart-line</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bar-chart-line-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bar-chart-line-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bar-chart-line-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bar-chart-steps/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bar-chart-steps', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bar-chart-steps</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/basket/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('basket', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">basket</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/basket-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('basket-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">basket-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/basket2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('basket2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">basket2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/basket2-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('basket2-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">basket2-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/basket3/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('basket3', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">basket3</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/basket3-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('basket3-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">basket3-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/battery/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('battery', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">battery</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/battery-charging/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('battery-charging', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">battery-charging</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/battery-full/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('battery-full', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">battery-full</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/battery-half/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('battery-half', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">battery-half</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/behance/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('behance', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">behance</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bell/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bell', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bell</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bell-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bell-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bell-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bell-slash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bell-slash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bell-slash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bell-slash-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bell-slash-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bell-slash-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bezier/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bezier', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bezier</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bezier2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bezier2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bezier2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bicycle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bicycle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bicycle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bing/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bing', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bing</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/binoculars/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('binoculars', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">binoculars</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/binoculars-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('binoculars-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">binoculars-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/blockquote-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('blockquote-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">blockquote-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/blockquote-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('blockquote-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">blockquote-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bluetooth/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bluetooth', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bluetooth</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/body-text/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('body-text', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">body-text</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/book/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('book', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">book</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/book-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('book-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">book-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/book-half/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('book-half', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">book-half</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bookmark</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bookmark-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-check-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-check-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bookmark-check-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-dash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-dash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bookmark-dash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-dash-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-dash-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bookmark-dash-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bookmark-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-heart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-heart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bookmark-heart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-heart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-heart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bookmark-heart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-plus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-plus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bookmark-plus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-plus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-plus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bookmark-plus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-star/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-star', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bookmark-star</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-star-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-star-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bookmark-star-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bookmark-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmark-x-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmark-x-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bookmark-x-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmarks/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmarks', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bookmarks</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bookmarks-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookmarks-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bookmarks-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bookshelf/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bookshelf', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bookshelf</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/boombox/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('boombox', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">boombox</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/boombox-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('boombox-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">boombox-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bootstrap/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bootstrap', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bootstrap</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bootstrap-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bootstrap-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bootstrap-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bootstrap-reboot/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bootstrap-reboot', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bootstrap-reboot</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/border/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('border', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">border</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/border-all/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('border-all', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">border-all</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/border-bottom/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('border-bottom', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">border-bottom</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/border-center/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('border-center', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">border-center</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/border-inner/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('border-inner', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">border-inner</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/border-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('border-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">border-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/border-middle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('border-middle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">border-middle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/border-outer/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('border-outer', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">border-outer</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/border-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('border-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">border-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/border-style/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('border-style', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">border-style</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/border-top/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('border-top', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">border-top</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/border-width/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('border-width', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">border-width</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bounding-box/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bounding-box', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bounding-box</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bounding-box-circles/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bounding-box-circles', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bounding-box-circles</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/box/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">box</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">box-arrow-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-down-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-down-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">box-arrow-down-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-down-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-down-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">box-arrow-down-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-in-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-in-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">box-arrow-in-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-in-down-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-in-down-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">box-arrow-in-down-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-in-down-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-in-down-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">box-arrow-in-down-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-in-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-in-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">box-arrow-in-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-in-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-in-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">box-arrow-in-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-in-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-in-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">box-arrow-in-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-in-up-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-in-up-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">box-arrow-in-up-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-in-up-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-in-up-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">box-arrow-in-up-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">box-arrow-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">box-arrow-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">box-arrow-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-up-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-up-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">box-arrow-up-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/box-arrow-up-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-arrow-up-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">box-arrow-up-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/box-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">box-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/box-seam/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-seam', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">box-seam</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/box-seam-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box-seam-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">box-seam-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/box2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">box2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/box2-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box2-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">box2-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/box2-heart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box2-heart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">box2-heart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/box2-heart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('box2-heart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">box2-heart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/boxes/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('boxes', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">boxes</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/braces/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('braces', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">braces</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/braces-asterisk/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('braces-asterisk', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">braces-asterisk</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bricks/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bricks', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bricks</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/briefcase/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('briefcase', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">briefcase</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/briefcase-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('briefcase-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">briefcase-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/brightness-alt-high/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('brightness-alt-high', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">brightness-alt-high</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/brightness-alt-high-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('brightness-alt-high-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">brightness-alt-high-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/brightness-alt-low/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('brightness-alt-low', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">brightness-alt-low</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/brightness-alt-low-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('brightness-alt-low-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">brightness-alt-low-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/brightness-high/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('brightness-high', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">brightness-high</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/brightness-high-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('brightness-high-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">brightness-high-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/brightness-low/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('brightness-low', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">brightness-low</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/brightness-low-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('brightness-low-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">brightness-low-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/brilliance/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('brilliance', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">brilliance</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/broadcast/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('broadcast', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">broadcast</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/broadcast-pin/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('broadcast-pin', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">broadcast-pin</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/browser-chrome/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('browser-chrome', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">browser-chrome</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/browser-edge/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('browser-edge', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">browser-edge</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/browser-firefox/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('browser-firefox', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">browser-firefox</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/browser-safari/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('browser-safari', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">browser-safari</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/brush/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('brush', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">brush</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/brush-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('brush-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">brush-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bucket/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bucket', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bucket</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bucket-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bucket-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bucket-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bug/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bug', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bug</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bug-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bug-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bug-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/building/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('building', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">building</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/building-add/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('building-add', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">building-add</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/building-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('building-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">building-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/building-dash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('building-dash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">building-dash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/building-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('building-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">building-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/building-exclamation/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('building-exclamation', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">building-exclamation</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/building-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('building-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">building-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/building-fill-add/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('building-fill-add', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">building-fill-add</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/building-fill-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('building-fill-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">building-fill-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/building-fill-dash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('building-fill-dash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">building-fill-dash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/building-fill-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('building-fill-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">building-fill-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/building-fill-exclamation/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('building-fill-exclamation', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">building-fill-exclamation</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/building-fill-gear/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('building-fill-gear', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">building-fill-gear</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/building-fill-lock/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('building-fill-lock', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">building-fill-lock</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/building-fill-slash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('building-fill-slash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">building-fill-slash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/building-fill-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('building-fill-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">building-fill-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/building-fill-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('building-fill-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">building-fill-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/building-gear/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('building-gear', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">building-gear</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/building-lock/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('building-lock', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">building-lock</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/building-slash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('building-slash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">building-slash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/building-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('building-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">building-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/building-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('building-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">building-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/buildings/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('buildings', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">buildings</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/buildings-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('buildings-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">buildings-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bullseye/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bullseye', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bullseye</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bus-front/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bus-front', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bus-front</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/bus-front-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('bus-front-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">bus-front-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/c-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('c-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">c-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/c-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('c-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">c-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/c-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('c-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">c-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/c-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('c-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">c-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cake/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cake', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cake</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cake-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cake-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cake-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cake2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cake2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cake2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cake2-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cake2-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cake2-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calculator/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calculator', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calculator</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calculator-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calculator-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calculator-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-check-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-check-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar-check-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-date/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-date', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar-date</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-date-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-date-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar-date-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-day/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-day', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar-day</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-day-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-day-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar-day-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-event/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-event', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar-event</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-event-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-event-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar-event-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-heart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-heart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar-heart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-heart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-heart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar-heart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-minus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-minus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar-minus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-minus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-minus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar-minus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-month/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-month', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar-month</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-month-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-month-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar-month-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-plus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-plus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar-plus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-plus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-plus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar-plus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-range/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-range', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar-range</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-range-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-range-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar-range-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-week/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-week', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar-week</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-week-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-week-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar-week-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar-x-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar-x-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar-x-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar2-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-check-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-check-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar2-check-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-date/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-date', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar2-date</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-date-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-date-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar2-date-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-day/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-day', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar2-day</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-day-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-day-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar2-day-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-event/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-event', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar2-event</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-event-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-event-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar2-event-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar2-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-heart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-heart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar2-heart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-heart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-heart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar2-heart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-minus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-minus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar2-minus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-minus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-minus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar2-minus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-month/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-month', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar2-month</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-month-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-month-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar2-month-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-plus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-plus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar2-plus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-plus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-plus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar2-plus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-range/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-range', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar2-range</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-range-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-range-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar2-range-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-week/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-week', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar2-week</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-week-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-week-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar2-week-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar2-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar2-x-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar2-x-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar2-x-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar3/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar3', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar3</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar3-event/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar3-event', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar3-event</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar3-event-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar3-event-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar3-event-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar3-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar3-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar3-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar3-range/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar3-range', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar3-range</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar3-range-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar3-range-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar3-range-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar3-week/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar3-week', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar3-week</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar3-week-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar3-week-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar3-week-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar4/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar4', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar4</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar4-event/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar4-event', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar4-event</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar4-range/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar4-range', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar4-range</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/calendar4-week/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('calendar4-week', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">calendar4-week</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/camera/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('camera', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">camera</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/camera-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('camera-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">camera-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/camera-reels/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('camera-reels', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">camera-reels</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/camera-reels-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('camera-reels-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">camera-reels-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/camera-video/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('camera-video', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">camera-video</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/camera-video-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('camera-video-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">camera-video-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/camera-video-off/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('camera-video-off', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">camera-video-off</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/camera-video-off-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('camera-video-off-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">camera-video-off-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/camera2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('camera2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">camera2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/capslock/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('capslock', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">capslock</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/capslock-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('capslock-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">capslock-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/capsule/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('capsule', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">capsule</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/capsule-pill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('capsule-pill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">capsule-pill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/car-front/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('car-front', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">car-front</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/car-front-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('car-front-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">car-front-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/card-checklist/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('card-checklist', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">card-checklist</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/card-heading/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('card-heading', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">card-heading</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/card-image/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('card-image', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">card-image</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/card-list/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('card-list', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">card-list</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/card-text/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('card-text', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">card-text</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">caret-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-down-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-down-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">caret-down-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-down-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-down-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">caret-down-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-down-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-down-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">caret-down-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">caret-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-left-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-left-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">caret-left-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-left-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-left-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">caret-left-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-left-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-left-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">caret-left-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">caret-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-right-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-right-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">caret-right-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-right-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-right-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">caret-right-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-right-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-right-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">caret-right-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">caret-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-up-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-up-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">caret-up-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-up-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-up-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">caret-up-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/caret-up-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('caret-up-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">caret-up-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cart-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cart-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cart-check-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart-check-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cart-check-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cart-dash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart-dash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cart-dash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cart-dash-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart-dash-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cart-dash-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cart-plus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart-plus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cart-plus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cart-plus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart-plus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cart-plus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cart-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cart-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cart-x-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart-x-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cart-x-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cart2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cart2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cart3/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart3', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cart3</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cart4/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cart4', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cart4</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cash-coin/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cash-coin', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cash-coin</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cash-stack/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cash-stack', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cash-stack</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cassette/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cassette', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cassette</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cassette-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cassette-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cassette-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cast/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cast', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cast</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cc-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cc-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cc-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cc-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cc-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cc-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cc-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cc-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cc-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cc-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cc-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cc-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-dots/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-dots', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-dots</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-dots-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-dots-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-dots-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-heart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-heart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-heart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-heart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-heart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-heart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-left-dots/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-left-dots', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-left-dots</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-left-dots-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-left-dots-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-left-dots-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-left-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-left-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-left-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-left-heart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-left-heart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-left-heart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-left-heart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-left-heart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-left-heart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-left-quote/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-left-quote', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-left-quote</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-left-quote-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-left-quote-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-left-quote-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-left-text/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-left-text', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-left-text</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-left-text-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-left-text-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-left-text-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-quote/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-quote', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-quote</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-quote-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-quote-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-quote-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-right-dots/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-right-dots', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-right-dots</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-right-dots-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-right-dots-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-right-dots-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-right-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-right-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-right-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-right-heart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-right-heart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-right-heart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-right-heart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-right-heart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-right-heart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-right-quote/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-right-quote', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-right-quote</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-right-quote-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-right-quote-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-right-quote-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-right-text/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-right-text', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-right-text</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-right-text-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-right-text-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-right-text-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-square-dots/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-square-dots', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-square-dots</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-square-dots-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-square-dots-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-square-dots-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-square-heart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-square-heart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-square-heart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-square-heart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-square-heart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-square-heart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-square-quote/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-square-quote', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-square-quote</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-square-quote-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-square-quote-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-square-quote-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-square-text/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-square-text', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-square-text</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-square-text-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-square-text-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-square-text-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-text/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-text', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-text</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chat-text-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chat-text-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chat-text-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/check-all/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('check-all', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">check-all</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/check-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('check-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">check-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/check-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('check-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">check-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/check-lg/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('check-lg', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">check-lg</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/check-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('check-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">check-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/check-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('check-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">check-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/check2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('check2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">check2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/check2-all/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('check2-all', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">check2-all</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/check2-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('check2-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">check2-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/check2-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('check2-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">check2-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-bar-contract/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-bar-contract', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chevron-bar-contract</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-bar-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-bar-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chevron-bar-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-bar-expand/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-bar-expand', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chevron-bar-expand</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-bar-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-bar-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chevron-bar-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-bar-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-bar-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chevron-bar-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-bar-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-bar-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chevron-bar-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-compact-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-compact-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chevron-compact-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-compact-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-compact-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chevron-compact-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-compact-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-compact-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chevron-compact-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-compact-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-compact-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chevron-compact-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-contract/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-contract', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chevron-contract</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-double-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-double-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chevron-double-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-double-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-double-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chevron-double-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-double-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-double-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chevron-double-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-double-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-double-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chevron-double-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chevron-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-expand/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-expand', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chevron-expand</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chevron-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chevron-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/chevron-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('chevron-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">chevron-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/circle-half/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('circle-half', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">circle-half</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/circle-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('circle-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">circle-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard-check-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard-check-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard-check-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard-data/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard-data', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard-data</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard-data-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard-data-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard-data-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard-heart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard-heart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard-heart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard-heart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard-heart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard-heart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard-minus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard-minus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard-minus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard-minus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard-minus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard-minus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard-plus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard-plus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard-plus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard-plus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard-plus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard-plus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard-pulse/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard-pulse', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard-pulse</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard-x-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard-x-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard-x-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard2-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard2-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard2-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard2-check-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard2-check-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard2-check-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard2-data/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard2-data', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard2-data</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard2-data-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard2-data-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard2-data-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard2-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard2-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard2-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard2-heart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard2-heart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard2-heart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard2-heart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard2-heart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard2-heart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard2-minus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard2-minus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard2-minus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard2-minus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard2-minus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard2-minus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard2-plus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard2-plus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard2-plus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard2-plus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard2-plus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard2-plus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard2-pulse/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard2-pulse', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard2-pulse</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard2-pulse-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard2-pulse-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard2-pulse-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard2-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard2-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard2-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clipboard2-x-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clipboard2-x-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clipboard2-x-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clock/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clock', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clock</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clock-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clock-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clock-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clock-history/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clock-history', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clock-history</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-arrow-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-arrow-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-arrow-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-arrow-down-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-arrow-down-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-arrow-down-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-arrow-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-arrow-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-arrow-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-arrow-up-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-arrow-up-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-arrow-up-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-check-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-check-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-check-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-download/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-download', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-download</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-download-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-download-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-download-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-drizzle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-drizzle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-drizzle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-drizzle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-drizzle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-drizzle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-fog/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-fog', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-fog</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-fog-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-fog-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-fog-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-fog2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-fog2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-fog2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-fog2-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-fog2-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-fog2-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-hail/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-hail', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-hail</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-hail-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-hail-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-hail-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-haze/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-haze', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-haze</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-haze-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-haze-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-haze-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-haze2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-haze2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-haze2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-haze2-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-haze2-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-haze2-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-lightning/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-lightning', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-lightning</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-lightning-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-lightning-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-lightning-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-lightning-rain/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-lightning-rain', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-lightning-rain</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-lightning-rain-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-lightning-rain-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-lightning-rain-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-minus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-minus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-minus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-minus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-minus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-minus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-moon/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-moon', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-moon</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-moon-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-moon-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-moon-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-plus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-plus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-plus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-plus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-plus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-plus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-rain/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-rain', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-rain</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-rain-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-rain-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-rain-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-rain-heavy/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-rain-heavy', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-rain-heavy</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-rain-heavy-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-rain-heavy-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-rain-heavy-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-slash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-slash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-slash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-slash-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-slash-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-slash-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-sleet/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-sleet', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-sleet</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-sleet-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-sleet-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-sleet-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-snow/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-snow', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-snow</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-snow-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-snow-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-snow-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-sun/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-sun', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-sun</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-sun-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-sun-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-sun-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-upload/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-upload', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-upload</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloud-upload-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloud-upload-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloud-upload-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clouds/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clouds', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clouds</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/clouds-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('clouds-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">clouds-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloudy/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloudy', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloudy</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cloudy-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cloudy-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cloudy-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/code/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('code', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">code</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/code-slash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('code-slash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">code-slash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/code-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('code-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">code-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/coin/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('coin', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">coin</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/collection/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('collection', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">collection</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/collection-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('collection-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">collection-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/collection-play/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('collection-play', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">collection-play</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/collection-play-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('collection-play-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">collection-play-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/columns/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('columns', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">columns</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/columns-gap/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('columns-gap', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">columns-gap</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/command/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('command', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">command</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/compass/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('compass', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">compass</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/compass-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('compass-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">compass-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cone/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cone', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cone</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cone-striped/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cone-striped', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cone-striped</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/controller/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('controller', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">controller</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cookie/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cookie', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cookie</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/copy/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('copy', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">copy</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cpu/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cpu', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cpu</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cpu-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cpu-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cpu-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/credit-card/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('credit-card', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">credit-card</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/credit-card-2-back/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('credit-card-2-back', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">credit-card-2-back</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/credit-card-2-back-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('credit-card-2-back-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">credit-card-2-back-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/credit-card-2-front/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('credit-card-2-front', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">credit-card-2-front</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/credit-card-2-front-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('credit-card-2-front-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">credit-card-2-front-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/credit-card-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('credit-card-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">credit-card-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/crop/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('crop', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">crop</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/crosshair/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('crosshair', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">crosshair</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/crosshair2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('crosshair2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">crosshair2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cup/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cup', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cup</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cup-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cup-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cup-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cup-hot/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cup-hot', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cup-hot</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cup-hot-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cup-hot-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cup-hot-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cup-straw/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cup-straw', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cup-straw</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/currency-bitcoin/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('currency-bitcoin', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">currency-bitcoin</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/currency-dollar/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('currency-dollar', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">currency-dollar</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/currency-euro/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('currency-euro', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">currency-euro</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/currency-exchange/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('currency-exchange', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">currency-exchange</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/currency-pound/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('currency-pound', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">currency-pound</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/currency-rupee/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('currency-rupee', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">currency-rupee</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/currency-yen/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('currency-yen', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">currency-yen</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cursor/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cursor', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cursor</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cursor-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cursor-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cursor-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/cursor-text/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('cursor-text', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">cursor-text</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dash-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dash-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dash-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dash-circle-dotted/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dash-circle-dotted', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dash-circle-dotted</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dash-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dash-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dash-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dash-lg/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dash-lg', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dash-lg</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dash-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dash-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dash-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dash-square-dotted/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dash-square-dotted', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dash-square-dotted</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dash-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dash-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dash-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/database/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('database', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">database</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/database-add/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('database-add', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">database-add</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/database-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('database-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">database-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/database-dash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('database-dash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">database-dash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/database-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('database-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">database-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/database-exclamation/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('database-exclamation', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">database-exclamation</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/database-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('database-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">database-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/database-fill-add/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('database-fill-add', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">database-fill-add</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/database-fill-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('database-fill-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">database-fill-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/database-fill-dash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('database-fill-dash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">database-fill-dash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/database-fill-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('database-fill-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">database-fill-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/database-fill-exclamation/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('database-fill-exclamation', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">database-fill-exclamation</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/database-fill-gear/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('database-fill-gear', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">database-fill-gear</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/database-fill-lock/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('database-fill-lock', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">database-fill-lock</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/database-fill-slash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('database-fill-slash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">database-fill-slash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/database-fill-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('database-fill-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">database-fill-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/database-fill-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('database-fill-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">database-fill-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/database-gear/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('database-gear', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">database-gear</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/database-lock/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('database-lock', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">database-lock</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/database-slash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('database-slash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">database-slash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/database-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('database-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">database-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/database-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('database-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">database-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/device-hdd/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('device-hdd', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">device-hdd</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/device-hdd-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('device-hdd-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">device-hdd-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/device-ssd/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('device-ssd', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">device-ssd</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/device-ssd-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('device-ssd-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">device-ssd-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/diagram-2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('diagram-2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">diagram-2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/diagram-2-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('diagram-2-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">diagram-2-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/diagram-3/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('diagram-3', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">diagram-3</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/diagram-3-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('diagram-3-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">diagram-3-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/diamond/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('diamond', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">diamond</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/diamond-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('diamond-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">diamond-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/diamond-half/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('diamond-half', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">diamond-half</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dice-1/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dice-1', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dice-1</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dice-1-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dice-1-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dice-1-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dice-2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dice-2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dice-2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dice-2-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dice-2-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dice-2-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dice-3/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dice-3', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dice-3</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dice-3-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dice-3-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dice-3-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dice-4/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dice-4', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dice-4</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dice-4-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dice-4-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dice-4-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dice-5/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dice-5', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dice-5</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dice-5-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dice-5-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dice-5-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dice-6/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dice-6', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dice-6</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dice-6-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dice-6-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dice-6-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/disc/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('disc', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">disc</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/disc-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('disc-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">disc-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/discord/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('discord', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">discord</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/display/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('display', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">display</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/display-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('display-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">display-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/displayport/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('displayport', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">displayport</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/displayport-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('displayport-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">displayport-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/distribute-horizontal/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('distribute-horizontal', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">distribute-horizontal</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/distribute-vertical/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('distribute-vertical', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">distribute-vertical</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/door-closed/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('door-closed', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">door-closed</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/door-closed-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('door-closed-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">door-closed-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/door-open/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('door-open', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">door-open</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/door-open-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('door-open-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">door-open-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dot/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dot', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dot</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/download/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('download', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">download</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dpad/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dpad', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dpad</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dpad-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dpad-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dpad-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dribbble/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dribbble', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dribbble</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/dropbox/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('dropbox', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">dropbox</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/droplet/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('droplet', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">droplet</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/droplet-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('droplet-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">droplet-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/droplet-half/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('droplet-half', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">droplet-half</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/duffle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('duffle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">duffle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/duffle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('duffle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">duffle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/ear/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ear', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">ear</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/ear-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ear-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">ear-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/earbuds/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('earbuds', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">earbuds</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/easel/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('easel', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">easel</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/easel-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('easel-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">easel-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/easel2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('easel2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">easel2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/easel2-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('easel2-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">easel2-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/easel3/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('easel3', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">easel3</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/easel3-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('easel3-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">easel3-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/egg/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('egg', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">egg</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/egg-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('egg-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">egg-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/egg-fried/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('egg-fried', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">egg-fried</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/eject/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('eject', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">eject</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/eject-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('eject-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">eject-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-angry/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-angry', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-angry</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-angry-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-angry-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-angry-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-astonished/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-astonished', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-astonished</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-astonished-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-astonished-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-astonished-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-dizzy/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-dizzy', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-dizzy</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-dizzy-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-dizzy-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-dizzy-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-expressionless/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-expressionless', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-expressionless</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-expressionless-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-expressionless-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-expressionless-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-frown/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-frown', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-frown</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-frown-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-frown-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-frown-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-grimace/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-grimace', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-grimace</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-grimace-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-grimace-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-grimace-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-grin/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-grin', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-grin</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-grin-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-grin-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-grin-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-heart-eyes/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-heart-eyes', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-heart-eyes</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-heart-eyes-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-heart-eyes-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-heart-eyes-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-kiss/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-kiss', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-kiss</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-kiss-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-kiss-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-kiss-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-laughing/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-laughing', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-laughing</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-laughing-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-laughing-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-laughing-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-neutral/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-neutral', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-neutral</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-neutral-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-neutral-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-neutral-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-smile/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-smile', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-smile</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-smile-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-smile-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-smile-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-smile-upside-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-smile-upside-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-smile-upside-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-smile-upside-down-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-smile-upside-down-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-smile-upside-down-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-sunglasses/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-sunglasses', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-sunglasses</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-sunglasses-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-sunglasses-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-sunglasses-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-surprise/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-surprise', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-surprise</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-surprise-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-surprise-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-surprise-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-tear/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-tear', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-tear</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-tear-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-tear-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-tear-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-wink/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-wink', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-wink</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/emoji-wink-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('emoji-wink-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">emoji-wink-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-arrow-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-arrow-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-arrow-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-arrow-down-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-arrow-down-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-arrow-down-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-arrow-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-arrow-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-arrow-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-arrow-up-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-arrow-up-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-arrow-up-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-at/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-at', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-at</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-at-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-at-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-at-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-check-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-check-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-check-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-dash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-dash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-dash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-dash-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-dash-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-dash-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-exclamation/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-exclamation', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-exclamation</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-exclamation-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-exclamation-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-exclamation-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-heart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-heart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-heart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-heart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-heart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-heart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-open/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-open', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-open</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-open-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-open-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-open-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-open-heart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-open-heart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-open-heart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-open-heart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-open-heart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-open-heart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-paper/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-paper', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-paper</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-paper-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-paper-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-paper-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-paper-heart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-paper-heart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-paper-heart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-paper-heart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-paper-heart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-paper-heart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-plus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-plus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-plus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-plus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-plus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-plus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-slash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-slash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-slash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-slash-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-slash-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-slash-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/envelope-x-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('envelope-x-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">envelope-x-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/eraser/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('eraser', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">eraser</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/eraser-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('eraser-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">eraser-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/escape/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('escape', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">escape</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/ethernet/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ethernet', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">ethernet</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/ev-front/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ev-front', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">ev-front</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/ev-front-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ev-front-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">ev-front-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/ev-station/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ev-station', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">ev-station</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/ev-station-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ev-station-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">ev-station-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/exclamation/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclamation', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">exclamation</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/exclamation-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclamation-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">exclamation-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/exclamation-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclamation-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">exclamation-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/exclamation-diamond/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclamation-diamond', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">exclamation-diamond</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/exclamation-diamond-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclamation-diamond-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">exclamation-diamond-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/exclamation-lg/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclamation-lg', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">exclamation-lg</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/exclamation-octagon/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclamation-octagon', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">exclamation-octagon</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/exclamation-octagon-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclamation-octagon-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">exclamation-octagon-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/exclamation-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclamation-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">exclamation-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/exclamation-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclamation-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">exclamation-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/exclamation-triangle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclamation-triangle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">exclamation-triangle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/exclamation-triangle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclamation-triangle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">exclamation-triangle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/exclude/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exclude', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">exclude</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/explicit/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('explicit', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">explicit</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/explicit-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('explicit-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">explicit-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/exposure/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('exposure', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">exposure</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/eye/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('eye', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">eye</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/eye-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('eye-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">eye-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/eye-slash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('eye-slash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">eye-slash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/eye-slash-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('eye-slash-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">eye-slash-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/eyedropper/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('eyedropper', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">eyedropper</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/eyeglasses/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('eyeglasses', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">eyeglasses</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/facebook/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('facebook', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">facebook</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/fan/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('fan', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">fan</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/fast-forward/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('fast-forward', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">fast-forward</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/fast-forward-btn/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('fast-forward-btn', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">fast-forward-btn</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/fast-forward-btn-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('fast-forward-btn-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">fast-forward-btn-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/fast-forward-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('fast-forward-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">fast-forward-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/fast-forward-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('fast-forward-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">fast-forward-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/fast-forward-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('fast-forward-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">fast-forward-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/feather/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('feather', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">feather</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/feather2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('feather2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">feather2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-arrow-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-arrow-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-arrow-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-arrow-down-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-arrow-down-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-arrow-down-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-arrow-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-arrow-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-arrow-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-arrow-up-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-arrow-up-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-arrow-up-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-bar-graph/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-bar-graph', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-bar-graph</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-bar-graph-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-bar-graph-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-bar-graph-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-binary/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-binary', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-binary</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-binary-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-binary-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-binary-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-break/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-break', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-break</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-break-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-break-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-break-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-check-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-check-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-check-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-code/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-code', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-code</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-code-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-code-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-code-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-diff/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-diff', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-diff</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-diff-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-diff-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-diff-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-arrow-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-arrow-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-arrow-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-arrow-down-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-arrow-down-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-arrow-down-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-arrow-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-arrow-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-arrow-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-arrow-up-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-arrow-up-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-arrow-up-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-bar-graph/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-bar-graph', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-bar-graph</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-bar-graph-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-bar-graph-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-bar-graph-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-binary/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-binary', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-binary</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-binary-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-binary-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-binary-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-break/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-break', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-break</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-break-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-break-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-break-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-check-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-check-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-check-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-code/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-code', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-code</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-code-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-code-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-code-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-diff/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-diff', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-diff</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-diff-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-diff-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-diff-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-easel/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-easel', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-easel</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-easel-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-easel-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-easel-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-excel/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-excel', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-excel</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-excel-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-excel-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-excel-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-font/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-font', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-font</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-font-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-font-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-font-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-image/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-image', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-image</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-image-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-image-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-image-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-lock/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-lock', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-lock</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-lock-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-lock-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-lock-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-lock2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-lock2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-lock2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-lock2-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-lock2-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-lock2-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-medical/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-medical', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-medical</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-medical-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-medical-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-medical-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-minus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-minus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-minus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-minus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-minus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-minus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-music/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-music', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-music</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-music-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-music-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-music-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-pdf/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-pdf', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-pdf</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-pdf-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-pdf-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-pdf-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-person/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-person', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-person</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-person-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-person-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-person-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-play/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-play', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-play</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-play-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-play-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-play-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-plus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-plus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-plus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-plus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-plus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-plus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-post/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-post', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-post</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-post-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-post-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-post-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-ppt/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-ppt', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-ppt</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-ppt-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-ppt-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-ppt-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-richtext/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-richtext', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-richtext</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-richtext-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-richtext-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-richtext-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-ruled/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-ruled', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-ruled</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-ruled-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-ruled-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-ruled-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-slides/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-slides', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-slides</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-slides-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-slides-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-slides-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-spreadsheet/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-spreadsheet', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-spreadsheet</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-spreadsheet-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-spreadsheet-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-spreadsheet-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-text/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-text', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-text</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-text-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-text-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-text-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-word/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-word', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-word</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-word-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-word-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-word-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-x-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-x-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-x-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-zip/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-zip', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-zip</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-earmark-zip-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-earmark-zip-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-earmark-zip-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-easel/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-easel', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-easel</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-easel-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-easel-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-easel-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-excel/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-excel', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-excel</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-excel-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-excel-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-excel-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-font/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-font', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-font</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-font-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-font-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-font-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-image/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-image', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-image</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-image-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-image-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-image-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-lock/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-lock', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-lock</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-lock-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-lock-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-lock-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-lock2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-lock2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-lock2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-lock2-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-lock2-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-lock2-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-medical/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-medical', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-medical</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-medical-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-medical-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-medical-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-minus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-minus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-minus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-minus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-minus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-minus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-music/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-music', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-music</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-music-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-music-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-music-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-pdf/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-pdf', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-pdf</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-pdf-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-pdf-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-pdf-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-person/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-person', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-person</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-person-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-person-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-person-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-play/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-play', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-play</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-play-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-play-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-play-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-plus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-plus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-plus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-plus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-plus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-plus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-post/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-post', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-post</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-post-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-post-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-post-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-ppt/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-ppt', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-ppt</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-ppt-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-ppt-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-ppt-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-richtext/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-richtext', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-richtext</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-richtext-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-richtext-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-richtext-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-ruled/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-ruled', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-ruled</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-ruled-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-ruled-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-ruled-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-slides/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-slides', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-slides</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-slides-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-slides-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-slides-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-spreadsheet/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-spreadsheet', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-spreadsheet</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-spreadsheet-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-spreadsheet-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-spreadsheet-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-text/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-text', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-text</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-text-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-text-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-text-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-word/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-word', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-word</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-word-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-word-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-word-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-x-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-x-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-x-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-zip/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-zip', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-zip</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/file-zip-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('file-zip-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">file-zip-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/files/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('files', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">files</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/files-alt/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('files-alt', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">files-alt</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-aac/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-aac', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-aac</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-ai/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-ai', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-ai</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-bmp/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-bmp', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-bmp</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-cs/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-cs', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-cs</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-css/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-css', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-css</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-csv/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-csv', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-csv</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-doc/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-doc', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-doc</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-docx/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-docx', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-docx</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-exe/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-exe', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-exe</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-gif/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-gif', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-gif</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-heic/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-heic', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-heic</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-html/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-html', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-html</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-java/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-java', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-java</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-jpg/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-jpg', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-jpg</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-js/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-js', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-js</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-json/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-json', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-json</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-jsx/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-jsx', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-jsx</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-key/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-key', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-key</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-m4p/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-m4p', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-m4p</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-md/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-md', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-md</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-mdx/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-mdx', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-mdx</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-mov/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-mov', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-mov</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-mp3/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-mp3', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-mp3</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-mp4/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-mp4', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-mp4</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-otf/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-otf', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-otf</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-pdf/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-pdf', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-pdf</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-php/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-php', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-php</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-png/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-png', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-png</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-ppt/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-ppt', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-ppt</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-pptx/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-pptx', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-pptx</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-psd/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-psd', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-psd</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-py/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-py', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-py</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-raw/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-raw', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-raw</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-rb/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-rb', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-rb</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-sass/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-sass', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-sass</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-scss/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-scss', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-scss</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-sh/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-sh', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-sh</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-sql/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-sql', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-sql</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-svg/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-svg', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-svg</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-tiff/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-tiff', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-tiff</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-tsx/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-tsx', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-tsx</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-ttf/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-ttf', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-ttf</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-txt/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-txt', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-txt</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-wav/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-wav', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-wav</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-woff/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-woff', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-woff</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-xls/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-xls', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-xls</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-xlsx/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-xlsx', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-xlsx</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-xml/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-xml', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-xml</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filetype-yml/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filetype-yml', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filetype-yml</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/film/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('film', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">film</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filter/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filter', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filter</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filter-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filter-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filter-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filter-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filter-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filter-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filter-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filter-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filter-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filter-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filter-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filter-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filter-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filter-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filter-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/filter-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('filter-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">filter-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/fingerprint/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('fingerprint', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">fingerprint</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/fire/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('fire', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">fire</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/flag/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('flag', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">flag</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/flag-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('flag-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">flag-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/floppy/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('floppy', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">floppy</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/floppy-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('floppy-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">floppy-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/floppy2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('floppy2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">floppy2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/floppy2-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('floppy2-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">floppy2-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/flower1/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('flower1', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">flower1</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/flower2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('flower2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">flower2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/flower3/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('flower3', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">flower3</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/folder/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('folder', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">folder</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/folder-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('folder-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">folder-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/folder-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('folder-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">folder-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/folder-minus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('folder-minus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">folder-minus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/folder-plus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('folder-plus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">folder-plus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/folder-symlink/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('folder-symlink', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">folder-symlink</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/folder-symlink-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('folder-symlink-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">folder-symlink-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/folder-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('folder-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">folder-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/folder2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('folder2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">folder2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/folder2-open/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('folder2-open', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">folder2-open</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/fonts/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('fonts', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">fonts</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/forward/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('forward', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">forward</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/forward-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('forward-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">forward-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/front/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('front', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">front</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/fuel-pump/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('fuel-pump', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">fuel-pump</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/fuel-pump-diesel/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('fuel-pump-diesel', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">fuel-pump-diesel</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/fuel-pump-diesel-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('fuel-pump-diesel-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">fuel-pump-diesel-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/fuel-pump-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('fuel-pump-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">fuel-pump-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/fullscreen/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('fullscreen', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">fullscreen</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/fullscreen-exit/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('fullscreen-exit', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">fullscreen-exit</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/funnel/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('funnel', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">funnel</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/funnel-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('funnel-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">funnel-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/gear/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gear', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">gear</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/gear-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gear-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">gear-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/gear-wide/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gear-wide', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">gear-wide</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/gear-wide-connected/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gear-wide-connected', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">gear-wide-connected</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/gem/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gem', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">gem</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/gender-ambiguous/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gender-ambiguous', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">gender-ambiguous</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/gender-female/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gender-female', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">gender-female</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/gender-male/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gender-male', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">gender-male</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/gender-neuter/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gender-neuter', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">gender-neuter</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/gender-trans/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gender-trans', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">gender-trans</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/geo/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('geo', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">geo</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/geo-alt/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('geo-alt', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">geo-alt</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/geo-alt-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('geo-alt-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">geo-alt-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/geo-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('geo-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">geo-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/gift/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gift', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">gift</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/gift-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gift-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">gift-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/git/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('git', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">git</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/github/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('github', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">github</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/gitlab/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gitlab', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">gitlab</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/globe/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('globe', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">globe</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/globe-americas/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('globe-americas', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">globe-americas</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/globe-asia-australia/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('globe-asia-australia', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">globe-asia-australia</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/globe-central-south-asia/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('globe-central-south-asia', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">globe-central-south-asia</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/globe-europe-africa/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('globe-europe-africa', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">globe-europe-africa</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/globe2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('globe2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">globe2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/google/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('google', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">google</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/google-play/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('google-play', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">google-play</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/gpu-card/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('gpu-card', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">gpu-card</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/graph-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('graph-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">graph-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/graph-down-arrow/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('graph-down-arrow', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">graph-down-arrow</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/graph-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('graph-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">graph-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/graph-up-arrow/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('graph-up-arrow', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">graph-up-arrow</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/grid/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('grid', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">grid</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/grid-1x2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('grid-1x2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">grid-1x2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/grid-1x2-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('grid-1x2-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">grid-1x2-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/grid-3x2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('grid-3x2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">grid-3x2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/grid-3x2-gap/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('grid-3x2-gap', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">grid-3x2-gap</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/grid-3x2-gap-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('grid-3x2-gap-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">grid-3x2-gap-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/grid-3x3/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('grid-3x3', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">grid-3x3</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/grid-3x3-gap/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('grid-3x3-gap', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">grid-3x3-gap</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/grid-3x3-gap-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('grid-3x3-gap-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">grid-3x3-gap-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/grid-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('grid-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">grid-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/grip-horizontal/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('grip-horizontal', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">grip-horizontal</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/grip-vertical/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('grip-vertical', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">grip-vertical</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/h-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('h-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">h-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/h-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('h-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">h-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/h-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('h-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">h-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/h-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('h-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">h-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hammer/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hammer', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hammer</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hand-index/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hand-index', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hand-index</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hand-index-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hand-index-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hand-index-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hand-index-thumb/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hand-index-thumb', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hand-index-thumb</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hand-index-thumb-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hand-index-thumb-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hand-index-thumb-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hand-thumbs-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hand-thumbs-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hand-thumbs-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hand-thumbs-down-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hand-thumbs-down-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hand-thumbs-down-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hand-thumbs-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hand-thumbs-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hand-thumbs-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hand-thumbs-up-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hand-thumbs-up-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hand-thumbs-up-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/handbag/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('handbag', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">handbag</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/handbag-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('handbag-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">handbag-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hdd/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hdd', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hdd</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hdd-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hdd-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hdd-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hdd-network/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hdd-network', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hdd-network</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hdd-network-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hdd-network-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hdd-network-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hdd-rack/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hdd-rack', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hdd-rack</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hdd-rack-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hdd-rack-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hdd-rack-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hdd-stack/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hdd-stack', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hdd-stack</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hdd-stack-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hdd-stack-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hdd-stack-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hdmi/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hdmi', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hdmi</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hdmi-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hdmi-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hdmi-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/headphones/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('headphones', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">headphones</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/headset/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('headset', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">headset</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/headset-vr/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('headset-vr', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">headset-vr</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/heart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('heart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">heart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/heart-arrow/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('heart-arrow', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">heart-arrow</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/heart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('heart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">heart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/heart-half/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('heart-half', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">heart-half</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/heart-pulse/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('heart-pulse', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">heart-pulse</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/heart-pulse-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('heart-pulse-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">heart-pulse-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/heartbreak/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('heartbreak', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">heartbreak</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/heartbreak-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('heartbreak-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">heartbreak-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hearts/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hearts', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hearts</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/heptagon/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('heptagon', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">heptagon</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/heptagon-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('heptagon-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">heptagon-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/heptagon-half/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('heptagon-half', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">heptagon-half</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hexagon/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hexagon', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hexagon</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hexagon-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hexagon-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hexagon-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hexagon-half/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hexagon-half', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hexagon-half</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/highlighter/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('highlighter', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">highlighter</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/highlights/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('highlights', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">highlights</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hospital/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hospital', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hospital</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hospital-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hospital-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hospital-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hourglass/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hourglass', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hourglass</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hourglass-bottom/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hourglass-bottom', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hourglass-bottom</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hourglass-split/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hourglass-split', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hourglass-split</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hourglass-top/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hourglass-top', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hourglass-top</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-add/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-add', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-add</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-add-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-add-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-add-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-check-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-check-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-check-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-dash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-dash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-dash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-dash-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-dash-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-dash-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-door/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-door', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-door</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-door-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-door-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-door-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-down-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-down-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-down-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-exclamation/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-exclamation', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-exclamation</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-exclamation-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-exclamation-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-exclamation-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-gear/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-gear', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-gear</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-gear-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-gear-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-gear-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-heart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-heart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-heart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-heart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-heart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-heart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-lock/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-lock', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-lock</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-lock-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-lock-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-lock-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-slash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-slash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-slash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-slash-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-slash-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-slash-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-up-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-up-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-up-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/house-x-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('house-x-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">house-x-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/houses/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('houses', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">houses</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/houses-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('houses-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">houses-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hr/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hr', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hr</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hurricane/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hurricane', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hurricane</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/hypnotize/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('hypnotize', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">hypnotize</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/image/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('image', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">image</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/image-alt/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('image-alt', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">image-alt</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/image-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('image-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">image-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/images/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('images', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">images</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/inbox/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('inbox', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">inbox</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/inbox-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('inbox-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">inbox-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/inboxes/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('inboxes', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">inboxes</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/inboxes-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('inboxes-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">inboxes-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/incognito/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('incognito', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">incognito</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/indent/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('indent', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">indent</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/infinity/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('infinity', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">infinity</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/info/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('info', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">info</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/info-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('info-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">info-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/info-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('info-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">info-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/info-lg/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('info-lg', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">info-lg</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/info-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('info-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">info-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/info-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('info-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">info-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/input-cursor/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('input-cursor', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">input-cursor</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/input-cursor-text/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('input-cursor-text', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">input-cursor-text</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/instagram/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('instagram', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">instagram</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/intersect/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('intersect', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">intersect</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/journal/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">journal</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-album/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-album', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">journal-album</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-arrow-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-arrow-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">journal-arrow-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-arrow-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-arrow-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">journal-arrow-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-bookmark/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-bookmark', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">journal-bookmark</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-bookmark-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-bookmark-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">journal-bookmark-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">journal-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-code/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-code', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">journal-code</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-medical/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-medical', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">journal-medical</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-minus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-minus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">journal-minus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-plus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-plus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">journal-plus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-richtext/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-richtext', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">journal-richtext</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-text/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-text', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">journal-text</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/journal-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journal-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">journal-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/journals/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('journals', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">journals</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/joystick/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('joystick', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">joystick</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/justify/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('justify', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">justify</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/justify-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('justify-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">justify-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/justify-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('justify-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">justify-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/kanban/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('kanban', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">kanban</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/kanban-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('kanban-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">kanban-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/key/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('key', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">key</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/key-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('key-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">key-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/keyboard/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('keyboard', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">keyboard</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/keyboard-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('keyboard-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">keyboard-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/ladder/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ladder', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">ladder</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/lamp/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lamp', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">lamp</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/lamp-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lamp-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">lamp-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/laptop/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('laptop', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">laptop</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/laptop-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('laptop-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">laptop-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/layer-backward/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layer-backward', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">layer-backward</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/layer-forward/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layer-forward', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">layer-forward</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/layers/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layers', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">layers</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/layers-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layers-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">layers-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/layers-half/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layers-half', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">layers-half</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/layout-sidebar/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layout-sidebar', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">layout-sidebar</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/layout-sidebar-inset/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layout-sidebar-inset', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">layout-sidebar-inset</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/layout-sidebar-inset-reverse/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layout-sidebar-inset-reverse', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">layout-sidebar-inset-reverse</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/layout-sidebar-reverse/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layout-sidebar-reverse', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">layout-sidebar-reverse</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/layout-split/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layout-split', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">layout-split</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/layout-text-sidebar/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layout-text-sidebar', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">layout-text-sidebar</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/layout-text-sidebar-reverse/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layout-text-sidebar-reverse', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">layout-text-sidebar-reverse</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/layout-text-window/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layout-text-window', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">layout-text-window</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/layout-text-window-reverse/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layout-text-window-reverse', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">layout-text-window-reverse</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/layout-three-columns/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layout-three-columns', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">layout-three-columns</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/layout-wtf/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('layout-wtf', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">layout-wtf</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/life-preserver/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('life-preserver', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">life-preserver</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/lightbulb/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lightbulb', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">lightbulb</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/lightbulb-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lightbulb-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">lightbulb-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/lightbulb-off/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lightbulb-off', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">lightbulb-off</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/lightbulb-off-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lightbulb-off-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">lightbulb-off-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/lightning/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lightning', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">lightning</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/lightning-charge/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lightning-charge', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">lightning-charge</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/lightning-charge-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lightning-charge-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">lightning-charge-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/lightning-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lightning-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">lightning-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/line/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('line', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">line</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/link/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('link', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">link</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/link-45deg/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('link-45deg', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">link-45deg</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/linkedin/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('linkedin', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">linkedin</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/list/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('list', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">list</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/list-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('list-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">list-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/list-columns/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('list-columns', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">list-columns</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/list-columns-reverse/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('list-columns-reverse', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">list-columns-reverse</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/list-nested/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('list-nested', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">list-nested</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/list-ol/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('list-ol', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">list-ol</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/list-stars/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('list-stars', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">list-stars</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/list-task/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('list-task', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">list-task</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/list-ul/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('list-ul', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">list-ul</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/lock/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lock', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">lock</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/lock-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lock-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">lock-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/luggage/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('luggage', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">luggage</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/luggage-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('luggage-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">luggage-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/lungs/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lungs', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">lungs</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/lungs-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('lungs-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">lungs-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/magic/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('magic', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">magic</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/magnet/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('magnet', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">magnet</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/magnet-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('magnet-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">magnet-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/mailbox/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mailbox', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">mailbox</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/mailbox-flag/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mailbox-flag', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">mailbox-flag</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/mailbox2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mailbox2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">mailbox2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/mailbox2-flag/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mailbox2-flag', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">mailbox2-flag</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/map/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('map', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">map</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/map-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('map-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">map-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/markdown/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('markdown', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">markdown</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/markdown-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('markdown-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">markdown-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/marker-tip/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('marker-tip', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">marker-tip</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/mask/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mask', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">mask</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/mastodon/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mastodon', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">mastodon</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/medium/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('medium', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">medium</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/megaphone/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('megaphone', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">megaphone</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/megaphone-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('megaphone-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">megaphone-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/memory/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('memory', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">memory</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/menu-app/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('menu-app', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">menu-app</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/menu-app-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('menu-app-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">menu-app-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/menu-button/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('menu-button', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">menu-button</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/menu-button-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('menu-button-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">menu-button-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/menu-button-wide/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('menu-button-wide', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">menu-button-wide</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/menu-button-wide-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('menu-button-wide-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">menu-button-wide-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/menu-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('menu-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">menu-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/menu-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('menu-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">menu-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/messenger/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('messenger', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">messenger</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/meta/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('meta', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">meta</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/mic/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mic', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">mic</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/mic-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mic-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">mic-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/mic-mute/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mic-mute', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">mic-mute</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/mic-mute-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mic-mute-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">mic-mute-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/microsoft/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('microsoft', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">microsoft</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/microsoft-teams/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('microsoft-teams', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">microsoft-teams</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/minecart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('minecart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">minecart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/minecart-loaded/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('minecart-loaded', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">minecart-loaded</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/modem/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('modem', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">modem</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/modem-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('modem-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">modem-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/moisture/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('moisture', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">moisture</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/moon/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('moon', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">moon</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/moon-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('moon-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">moon-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/moon-stars/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('moon-stars', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">moon-stars</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/moon-stars-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('moon-stars-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">moon-stars-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/mortarboard/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mortarboard', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">mortarboard</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/mortarboard-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mortarboard-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">mortarboard-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/motherboard/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('motherboard', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">motherboard</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/motherboard-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('motherboard-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">motherboard-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/mouse/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mouse', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">mouse</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/mouse-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mouse-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">mouse-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/mouse2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mouse2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">mouse2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/mouse2-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mouse2-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">mouse2-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/mouse3/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mouse3', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">mouse3</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/mouse3-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('mouse3-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">mouse3-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/music-note/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('music-note', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">music-note</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/music-note-beamed/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('music-note-beamed', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">music-note-beamed</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/music-note-list/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('music-note-list', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">music-note-list</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/music-player/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('music-player', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">music-player</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/music-player-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('music-player-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">music-player-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/newspaper/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('newspaper', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">newspaper</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/nintendo-switch/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('nintendo-switch', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">nintendo-switch</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/node-minus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('node-minus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">node-minus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/node-minus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('node-minus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">node-minus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/node-plus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('node-plus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">node-plus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/node-plus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('node-plus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">node-plus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/noise-reduction/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('noise-reduction', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">noise-reduction</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/nut/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('nut', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">nut</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/nut-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('nut-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">nut-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/nvidia/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('nvidia', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">nvidia</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/nvme/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('nvme', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">nvme</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/nvme-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('nvme-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">nvme-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/octagon/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('octagon', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">octagon</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/octagon-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('octagon-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">octagon-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/octagon-half/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('octagon-half', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">octagon-half</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/opencollective/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('opencollective', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">opencollective</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/optical-audio/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('optical-audio', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">optical-audio</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/optical-audio-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('optical-audio-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">optical-audio-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/option/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('option', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">option</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/outlet/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('outlet', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">outlet</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/p-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('p-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">p-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/p-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('p-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">p-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/p-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('p-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">p-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/p-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('p-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">p-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/paint-bucket/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('paint-bucket', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">paint-bucket</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/palette/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('palette', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">palette</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/palette-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('palette-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">palette-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/palette2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('palette2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">palette2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/paperclip/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('paperclip', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">paperclip</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/paragraph/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('paragraph', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">paragraph</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pass/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pass', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pass</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pass-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pass-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pass-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/passport/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('passport', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">passport</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/passport-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('passport-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">passport-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/patch-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('patch-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">patch-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/patch-check-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('patch-check-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">patch-check-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/patch-exclamation/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('patch-exclamation', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">patch-exclamation</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/patch-exclamation-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('patch-exclamation-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">patch-exclamation-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/patch-minus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('patch-minus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">patch-minus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/patch-minus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('patch-minus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">patch-minus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/patch-plus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('patch-plus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">patch-plus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/patch-plus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('patch-plus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">patch-plus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/patch-question/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('patch-question', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">patch-question</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/patch-question-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('patch-question-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">patch-question-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pause/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pause', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pause</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pause-btn/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pause-btn', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pause-btn</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pause-btn-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pause-btn-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pause-btn-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pause-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pause-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pause-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pause-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pause-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pause-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pause-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pause-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pause-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/paypal/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('paypal', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">paypal</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pc/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pc', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pc</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pc-display/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pc-display', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pc-display</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pc-display-horizontal/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pc-display-horizontal', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pc-display-horizontal</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pc-horizontal/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pc-horizontal', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pc-horizontal</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pci-card/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pci-card', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pci-card</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pci-card-network/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pci-card-network', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pci-card-network</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pci-card-sound/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pci-card-sound', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pci-card-sound</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/peace/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('peace', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">peace</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/peace-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('peace-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">peace-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pen/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pen', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pen</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pen-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pen-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pen-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pencil/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pencil', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pencil</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pencil-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pencil-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pencil-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pencil-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pencil-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pencil-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pentagon/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pentagon', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pentagon</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pentagon-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pentagon-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pentagon-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pentagon-half/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pentagon-half', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pentagon-half</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/people/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('people', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">people</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/people-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('people-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">people-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/percent/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('percent', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">percent</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-add/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-add', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-add</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-arms-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-arms-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-arms-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-badge/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-badge', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-badge</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-badge-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-badge-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-badge-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-bounding-box/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-bounding-box', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-bounding-box</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-check-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-check-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-check-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-dash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-dash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-dash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-dash-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-dash-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-dash-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-exclamation/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-exclamation', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-exclamation</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-fill-add/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-fill-add', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-fill-add</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-fill-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-fill-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-fill-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-fill-dash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-fill-dash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-fill-dash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-fill-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-fill-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-fill-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-fill-exclamation/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-fill-exclamation', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-fill-exclamation</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-fill-gear/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-fill-gear', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-fill-gear</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-fill-lock/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-fill-lock', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-fill-lock</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-fill-slash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-fill-slash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-fill-slash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-fill-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-fill-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-fill-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-fill-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-fill-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-fill-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-gear/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-gear', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-gear</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-heart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-heart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-heart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-hearts/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-hearts', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-hearts</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-lines-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-lines-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-lines-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-lock/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-lock', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-lock</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-plus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-plus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-plus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-plus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-plus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-plus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-raised-hand/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-raised-hand', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-raised-hand</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-rolodex/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-rolodex', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-rolodex</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-slash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-slash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-slash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-standing/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-standing', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-standing</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-standing-dress/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-standing-dress', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-standing-dress</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-vcard/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-vcard', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-vcard</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-vcard-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-vcard-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-vcard-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-video/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-video', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-video</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-video2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-video2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-video2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-video3/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-video3', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-video3</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-walking/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-walking', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-walking</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-wheelchair/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-wheelchair', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-wheelchair</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-workspace/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-workspace', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-workspace</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/person-x-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('person-x-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">person-x-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/phone/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('phone', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">phone</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/phone-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('phone-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">phone-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/phone-flip/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('phone-flip', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">phone-flip</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/phone-landscape/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('phone-landscape', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">phone-landscape</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/phone-landscape-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('phone-landscape-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">phone-landscape-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/phone-vibrate/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('phone-vibrate', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">phone-vibrate</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/phone-vibrate-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('phone-vibrate-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">phone-vibrate-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pie-chart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pie-chart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pie-chart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pie-chart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pie-chart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pie-chart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/piggy-bank/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('piggy-bank', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">piggy-bank</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/piggy-bank-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('piggy-bank-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">piggy-bank-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pin/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pin', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pin</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pin-angle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pin-angle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pin-angle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pin-angle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pin-angle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pin-angle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pin-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pin-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pin-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pin-map/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pin-map', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pin-map</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pin-map-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pin-map-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pin-map-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pinterest/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pinterest', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pinterest</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pip/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pip', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pip</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/pip-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('pip-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">pip-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/play/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('play', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">play</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/play-btn/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('play-btn', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">play-btn</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/play-btn-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('play-btn-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">play-btn-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/play-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('play-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">play-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/play-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('play-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">play-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/play-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('play-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">play-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/playstation/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('playstation', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">playstation</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/plug/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('plug', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">plug</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/plug-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('plug-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">plug-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/plugin/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('plugin', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">plugin</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/plus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('plus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">plus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/plus-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('plus-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">plus-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/plus-circle-dotted/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('plus-circle-dotted', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">plus-circle-dotted</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/plus-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('plus-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">plus-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/plus-lg/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('plus-lg', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">plus-lg</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/plus-slash-minus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('plus-slash-minus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">plus-slash-minus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/plus-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('plus-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">plus-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/plus-square-dotted/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('plus-square-dotted', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">plus-square-dotted</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/plus-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('plus-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">plus-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/postage/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('postage', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">postage</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/postage-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('postage-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">postage-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/postage-heart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('postage-heart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">postage-heart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/postage-heart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('postage-heart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">postage-heart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/postcard/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('postcard', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">postcard</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/postcard-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('postcard-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">postcard-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/postcard-heart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('postcard-heart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">postcard-heart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/postcard-heart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('postcard-heart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">postcard-heart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/power/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('power', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">power</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/prescription/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('prescription', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">prescription</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/prescription2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('prescription2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">prescription2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/printer/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('printer', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">printer</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/printer-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('printer-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">printer-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/projector/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('projector', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">projector</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/projector-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('projector-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">projector-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/puzzle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('puzzle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">puzzle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/puzzle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('puzzle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">puzzle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/qr-code/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('qr-code', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">qr-code</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/qr-code-scan/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('qr-code-scan', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">qr-code-scan</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/question/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('question', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">question</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/question-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('question-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">question-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/question-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('question-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">question-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/question-diamond/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('question-diamond', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">question-diamond</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/question-diamond-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('question-diamond-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">question-diamond-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/question-lg/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('question-lg', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">question-lg</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/question-octagon/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('question-octagon', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">question-octagon</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/question-octagon-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('question-octagon-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">question-octagon-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/question-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('question-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">question-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/question-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('question-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">question-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/quora/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('quora', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">quora</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/quote/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('quote', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">quote</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/r-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('r-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">r-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/r-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('r-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">r-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/r-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('r-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">r-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/r-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('r-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">r-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/radar/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('radar', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">radar</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/radioactive/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('radioactive', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">radioactive</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/rainbow/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('rainbow', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">rainbow</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/receipt/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('receipt', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">receipt</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/receipt-cutoff/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('receipt-cutoff', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">receipt-cutoff</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/reception-0/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('reception-0', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">reception-0</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/reception-1/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('reception-1', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">reception-1</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/reception-2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('reception-2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">reception-2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/reception-3/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('reception-3', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">reception-3</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/reception-4/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('reception-4', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">reception-4</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/record/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('record', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">record</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/record-btn/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('record-btn', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">record-btn</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/record-btn-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('record-btn-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">record-btn-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/record-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('record-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">record-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/record-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('record-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">record-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/record-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('record-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">record-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/record2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('record2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">record2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/record2-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('record2-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">record2-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/recycle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('recycle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">recycle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/reddit/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('reddit', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">reddit</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/regex/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('regex', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">regex</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/repeat/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('repeat', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">repeat</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/repeat-1/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('repeat-1', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">repeat-1</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/reply/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('reply', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">reply</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/reply-all/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('reply-all', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">reply-all</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/reply-all-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('reply-all-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">reply-all-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/reply-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('reply-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">reply-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/rewind/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('rewind', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">rewind</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/rewind-btn/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('rewind-btn', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">rewind-btn</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/rewind-btn-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('rewind-btn-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">rewind-btn-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/rewind-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('rewind-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">rewind-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/rewind-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('rewind-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">rewind-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/rewind-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('rewind-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">rewind-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/robot/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('robot', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">robot</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/rocket/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('rocket', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">rocket</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/rocket-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('rocket-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">rocket-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/rocket-takeoff/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('rocket-takeoff', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">rocket-takeoff</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/rocket-takeoff-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('rocket-takeoff-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">rocket-takeoff-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/router/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('router', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">router</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/router-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('router-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">router-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/rss/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('rss', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">rss</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/rss-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('rss-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">rss-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/rulers/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('rulers', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">rulers</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/safe/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('safe', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">safe</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/safe-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('safe-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">safe-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/safe2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('safe2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">safe2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/safe2-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('safe2-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">safe2-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/save/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('save', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">save</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/save-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('save-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">save-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/save2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('save2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">save2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/save2-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('save2-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">save2-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/scissors/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('scissors', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">scissors</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/scooter/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('scooter', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">scooter</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/screwdriver/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('screwdriver', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">screwdriver</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sd-card/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sd-card', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sd-card</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sd-card-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sd-card-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sd-card-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/search/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('search', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">search</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/search-heart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('search-heart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">search-heart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/search-heart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('search-heart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">search-heart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/segmented-nav/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('segmented-nav', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">segmented-nav</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/send/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">send</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/send-arrow-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-arrow-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">send-arrow-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/send-arrow-down-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-arrow-down-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">send-arrow-down-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/send-arrow-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-arrow-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">send-arrow-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/send-arrow-up-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-arrow-up-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">send-arrow-up-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/send-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">send-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/send-check-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-check-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">send-check-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/send-dash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-dash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">send-dash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/send-dash-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-dash-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">send-dash-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/send-exclamation/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-exclamation', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">send-exclamation</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/send-exclamation-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-exclamation-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">send-exclamation-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/send-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">send-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/send-plus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-plus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">send-plus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/send-plus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-plus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">send-plus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/send-slash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-slash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">send-slash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/send-slash-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-slash-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">send-slash-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/send-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">send-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/send-x-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('send-x-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">send-x-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/server/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('server', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">server</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/shadows/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shadows', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">shadows</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/share/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('share', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">share</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/share-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('share-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">share-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/shield/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">shield</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">shield-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-exclamation/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-exclamation', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">shield-exclamation</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">shield-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-fill-check/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-fill-check', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">shield-fill-check</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-fill-exclamation/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-fill-exclamation', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">shield-fill-exclamation</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-fill-minus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-fill-minus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">shield-fill-minus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-fill-plus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-fill-plus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">shield-fill-plus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-fill-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-fill-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">shield-fill-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-lock/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-lock', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">shield-lock</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-lock-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-lock-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">shield-lock-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-minus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-minus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">shield-minus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-plus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-plus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">shield-plus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-shaded/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-shaded', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">shield-shaded</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-slash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-slash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">shield-slash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-slash-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-slash-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">shield-slash-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/shield-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shield-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">shield-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/shift/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shift', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">shift</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/shift-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shift-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">shift-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/shop/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shop', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">shop</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/shop-window/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shop-window', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">shop-window</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/shuffle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('shuffle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">shuffle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-dead-end/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-dead-end', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-dead-end</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-dead-end-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-dead-end-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-dead-end-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-do-not-enter/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-do-not-enter', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-do-not-enter</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-do-not-enter-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-do-not-enter-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-do-not-enter-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-intersection/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-intersection', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-intersection</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-intersection-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-intersection-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-intersection-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-intersection-side/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-intersection-side', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-intersection-side</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-intersection-side-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-intersection-side-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-intersection-side-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-intersection-t/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-intersection-t', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-intersection-t</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-intersection-t-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-intersection-t-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-intersection-t-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-intersection-y/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-intersection-y', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-intersection-y</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-intersection-y-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-intersection-y-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-intersection-y-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-merge-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-merge-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-merge-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-merge-left-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-merge-left-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-merge-left-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-merge-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-merge-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-merge-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-merge-right-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-merge-right-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-merge-right-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-no-left-turn/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-no-left-turn', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-no-left-turn</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-no-left-turn-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-no-left-turn-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-no-left-turn-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-no-parking/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-no-parking', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-no-parking</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-no-parking-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-no-parking-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-no-parking-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-no-right-turn/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-no-right-turn', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-no-right-turn</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-no-right-turn-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-no-right-turn-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-no-right-turn-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-railroad/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-railroad', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-railroad</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-railroad-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-railroad-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-railroad-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-stop/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-stop', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-stop</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-stop-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-stop-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-stop-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-stop-lights/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-stop-lights', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-stop-lights</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-stop-lights-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-stop-lights-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-stop-lights-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-turn-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-turn-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-turn-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-turn-left-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-turn-left-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-turn-left-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-turn-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-turn-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-turn-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-turn-right-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-turn-right-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-turn-right-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-turn-slight-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-turn-slight-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-turn-slight-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-turn-slight-left-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-turn-slight-left-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-turn-slight-left-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-turn-slight-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-turn-slight-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-turn-slight-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-turn-slight-right-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-turn-slight-right-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-turn-slight-right-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-yield/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-yield', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-yield</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sign-yield-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sign-yield-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sign-yield-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/signal/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('signal', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">signal</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/signpost/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('signpost', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">signpost</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/signpost-2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('signpost-2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">signpost-2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/signpost-2-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('signpost-2-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">signpost-2-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/signpost-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('signpost-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">signpost-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/signpost-split/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('signpost-split', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">signpost-split</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/signpost-split-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('signpost-split-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">signpost-split-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sim/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sim', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sim</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sim-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sim-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sim-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sim-slash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sim-slash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sim-slash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sim-slash-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sim-slash-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sim-slash-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sina-weibo/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sina-weibo', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sina-weibo</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-backward/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-backward', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skip-backward</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-backward-btn/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-backward-btn', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skip-backward-btn</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-backward-btn-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-backward-btn-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skip-backward-btn-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-backward-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-backward-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skip-backward-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-backward-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-backward-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skip-backward-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-backward-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-backward-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skip-backward-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-end/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-end', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skip-end</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-end-btn/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-end-btn', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skip-end-btn</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-end-btn-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-end-btn-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skip-end-btn-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-end-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-end-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skip-end-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-end-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-end-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skip-end-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-end-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-end-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skip-end-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-forward/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-forward', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skip-forward</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-forward-btn/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-forward-btn', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skip-forward-btn</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-forward-btn-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-forward-btn-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skip-forward-btn-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-forward-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-forward-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skip-forward-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-forward-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-forward-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skip-forward-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-forward-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-forward-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skip-forward-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-start/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-start', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skip-start</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-start-btn/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-start-btn', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skip-start-btn</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-start-btn-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-start-btn-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skip-start-btn-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-start-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-start-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skip-start-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-start-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-start-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skip-start-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skip-start-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skip-start-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skip-start-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/skype/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('skype', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">skype</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/slack/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('slack', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">slack</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/slash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('slash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">slash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/slash-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('slash-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">slash-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/slash-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('slash-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">slash-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/slash-lg/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('slash-lg', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">slash-lg</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/slash-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('slash-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">slash-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/slash-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('slash-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">slash-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sliders/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sliders', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sliders</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sliders2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sliders2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sliders2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sliders2-vertical/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sliders2-vertical', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sliders2-vertical</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/smartwatch/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('smartwatch', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">smartwatch</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/snapchat/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('snapchat', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">snapchat</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/snow/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('snow', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">snow</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/snow2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('snow2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">snow2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/snow3/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('snow3', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">snow3</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sort-alpha-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sort-alpha-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sort-alpha-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sort-alpha-down-alt/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sort-alpha-down-alt', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sort-alpha-down-alt</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sort-alpha-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sort-alpha-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sort-alpha-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sort-alpha-up-alt/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sort-alpha-up-alt', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sort-alpha-up-alt</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sort-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sort-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sort-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sort-down-alt/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sort-down-alt', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sort-down-alt</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sort-numeric-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sort-numeric-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sort-numeric-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sort-numeric-down-alt/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sort-numeric-down-alt', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sort-numeric-down-alt</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sort-numeric-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sort-numeric-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sort-numeric-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sort-numeric-up-alt/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sort-numeric-up-alt', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sort-numeric-up-alt</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sort-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sort-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sort-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sort-up-alt/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sort-up-alt', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sort-up-alt</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/soundwave/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('soundwave', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">soundwave</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sourceforge/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sourceforge', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sourceforge</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/speaker/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('speaker', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">speaker</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/speaker-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('speaker-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">speaker-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/speedometer/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('speedometer', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">speedometer</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/speedometer2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('speedometer2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">speedometer2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/spellcheck/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('spellcheck', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">spellcheck</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/spotify/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('spotify', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">spotify</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/square-half/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('square-half', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">square-half</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/stack/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stack', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">stack</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/stack-overflow/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stack-overflow', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">stack-overflow</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/star/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('star', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">star</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/star-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('star-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">star-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/star-half/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('star-half', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">star-half</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/stars/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stars', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">stars</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/steam/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('steam', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">steam</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/stickies/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stickies', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">stickies</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/stickies-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stickies-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">stickies-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sticky/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sticky', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sticky</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sticky-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sticky-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sticky-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/stop/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stop', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">stop</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/stop-btn/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stop-btn', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">stop-btn</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/stop-btn-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stop-btn-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">stop-btn-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/stop-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stop-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">stop-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/stop-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stop-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">stop-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/stop-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stop-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">stop-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/stoplights/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stoplights', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">stoplights</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/stoplights-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stoplights-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">stoplights-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/stopwatch/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stopwatch', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">stopwatch</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/stopwatch-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stopwatch-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">stopwatch-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/strava/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('strava', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">strava</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/stripe/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('stripe', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">stripe</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/subscript/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('subscript', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">subscript</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/substack/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('substack', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">substack</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/subtract/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('subtract', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">subtract</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/suit-club/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('suit-club', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">suit-club</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/suit-club-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('suit-club-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">suit-club-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/suit-diamond/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('suit-diamond', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">suit-diamond</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/suit-diamond-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('suit-diamond-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">suit-diamond-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/suit-heart/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('suit-heart', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">suit-heart</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/suit-heart-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('suit-heart-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">suit-heart-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/suit-spade/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('suit-spade', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">suit-spade</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/suit-spade-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('suit-spade-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">suit-spade-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/suitcase/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('suitcase', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">suitcase</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/suitcase-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('suitcase-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">suitcase-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/suitcase-lg/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('suitcase-lg', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">suitcase-lg</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/suitcase-lg-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('suitcase-lg-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">suitcase-lg-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/suitcase2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('suitcase2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">suitcase2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/suitcase2-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('suitcase2-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">suitcase2-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sun/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sun', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sun</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sun-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sun-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sun-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sunglasses/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sunglasses', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sunglasses</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sunrise/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sunrise', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sunrise</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sunrise-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sunrise-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sunrise-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sunset/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sunset', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sunset</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/sunset-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('sunset-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">sunset-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/superscript/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('superscript', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">superscript</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/symmetry-horizontal/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('symmetry-horizontal', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">symmetry-horizontal</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/symmetry-vertical/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('symmetry-vertical', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">symmetry-vertical</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/table/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('table', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">table</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/tablet/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tablet', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">tablet</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/tablet-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tablet-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">tablet-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/tablet-landscape/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tablet-landscape', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">tablet-landscape</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/tablet-landscape-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tablet-landscape-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">tablet-landscape-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/tag/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tag', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">tag</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/tag-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tag-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">tag-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/tags/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tags', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">tags</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/tags-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tags-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">tags-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/taxi-front/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('taxi-front', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">taxi-front</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/taxi-front-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('taxi-front-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">taxi-front-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/telegram/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telegram', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">telegram</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">telephone</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">telephone-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-forward/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-forward', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">telephone-forward</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-forward-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-forward-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">telephone-forward-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-inbound/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-inbound', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">telephone-inbound</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-inbound-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-inbound-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">telephone-inbound-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-minus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-minus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">telephone-minus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-minus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-minus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">telephone-minus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-outbound/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-outbound', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">telephone-outbound</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-outbound-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-outbound-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">telephone-outbound-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-plus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-plus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">telephone-plus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-plus-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-plus-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">telephone-plus-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">telephone-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/telephone-x-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('telephone-x-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">telephone-x-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/tencent-qq/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tencent-qq', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">tencent-qq</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/terminal/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('terminal', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">terminal</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/terminal-dash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('terminal-dash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">terminal-dash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/terminal-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('terminal-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">terminal-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/terminal-plus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('terminal-plus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">terminal-plus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/terminal-split/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('terminal-split', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">terminal-split</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/terminal-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('terminal-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">terminal-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/text-center/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('text-center', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">text-center</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/text-indent-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('text-indent-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">text-indent-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/text-indent-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('text-indent-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">text-indent-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/text-left/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('text-left', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">text-left</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/text-paragraph/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('text-paragraph', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">text-paragraph</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/text-right/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('text-right', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">text-right</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/text-wrap/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('text-wrap', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">text-wrap</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/textarea/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('textarea', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">textarea</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/textarea-resize/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('textarea-resize', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">textarea-resize</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/textarea-t/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('textarea-t', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">textarea-t</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/thermometer/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('thermometer', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">thermometer</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/thermometer-half/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('thermometer-half', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">thermometer-half</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/thermometer-high/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('thermometer-high', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">thermometer-high</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/thermometer-low/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('thermometer-low', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">thermometer-low</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/thermometer-snow/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('thermometer-snow', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">thermometer-snow</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/thermometer-sun/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('thermometer-sun', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">thermometer-sun</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/threads/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('threads', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">threads</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/threads-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('threads-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">threads-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/three-dots/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('three-dots', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">three-dots</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/three-dots-vertical/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('three-dots-vertical', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">three-dots-vertical</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/thunderbolt/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('thunderbolt', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">thunderbolt</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/thunderbolt-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('thunderbolt-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">thunderbolt-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/ticket/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ticket', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">ticket</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/ticket-detailed/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ticket-detailed', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">ticket-detailed</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/ticket-detailed-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ticket-detailed-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">ticket-detailed-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/ticket-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ticket-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">ticket-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/ticket-perforated/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ticket-perforated', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">ticket-perforated</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/ticket-perforated-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ticket-perforated-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">ticket-perforated-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/tiktok/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tiktok', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">tiktok</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/toggle-off/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('toggle-off', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">toggle-off</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/toggle-on/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('toggle-on', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">toggle-on</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/toggle2-off/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('toggle2-off', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">toggle2-off</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/toggle2-on/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('toggle2-on', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">toggle2-on</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/toggles/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('toggles', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">toggles</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/toggles2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('toggles2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">toggles2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/tools/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tools', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">tools</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/tornado/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tornado', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">tornado</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/train-freight-front/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('train-freight-front', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">train-freight-front</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/train-freight-front-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('train-freight-front-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">train-freight-front-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/train-front/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('train-front', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">train-front</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/train-front-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('train-front-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">train-front-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/train-lightrail-front/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('train-lightrail-front', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">train-lightrail-front</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/train-lightrail-front-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('train-lightrail-front-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">train-lightrail-front-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/translate/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('translate', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">translate</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/transparency/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('transparency', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">transparency</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/trash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('trash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">trash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/trash-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('trash-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">trash-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/trash2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('trash2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">trash2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/trash2-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('trash2-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">trash2-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/trash3/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('trash3', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">trash3</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/trash3-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('trash3-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">trash3-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/tree/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tree', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">tree</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/tree-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tree-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">tree-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/trello/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('trello', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">trello</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/triangle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('triangle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">triangle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/triangle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('triangle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">triangle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/triangle-half/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('triangle-half', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">triangle-half</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/trophy/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('trophy', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">trophy</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/trophy-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('trophy-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">trophy-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/tropical-storm/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tropical-storm', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">tropical-storm</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/truck/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('truck', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">truck</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/truck-flatbed/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('truck-flatbed', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">truck-flatbed</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/truck-front/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('truck-front', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">truck-front</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/truck-front-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('truck-front-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">truck-front-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/tsunami/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tsunami', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">tsunami</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/tv/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tv', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">tv</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/tv-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('tv-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">tv-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/twitch/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('twitch', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">twitch</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/twitter/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('twitter', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">twitter</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/twitter-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('twitter-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">twitter-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/type/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('type', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">type</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/type-bold/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('type-bold', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">type-bold</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/type-h1/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('type-h1', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">type-h1</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/type-h2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('type-h2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">type-h2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/type-h3/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('type-h3', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">type-h3</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/type-h4/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('type-h4', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">type-h4</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/type-h5/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('type-h5', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">type-h5</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/type-h6/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('type-h6', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">type-h6</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/type-italic/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('type-italic', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">type-italic</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/type-strikethrough/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('type-strikethrough', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">type-strikethrough</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/type-underline/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('type-underline', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">type-underline</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/ubuntu/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ubuntu', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">ubuntu</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/ui-checks/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ui-checks', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">ui-checks</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/ui-checks-grid/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ui-checks-grid', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">ui-checks-grid</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/ui-radios/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ui-radios', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">ui-radios</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/ui-radios-grid/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('ui-radios-grid', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">ui-radios-grid</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/umbrella/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('umbrella', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">umbrella</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/umbrella-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('umbrella-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">umbrella-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/unindent/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('unindent', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">unindent</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/union/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('union', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">union</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/unity/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('unity', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">unity</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/universal-access/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('universal-access', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">universal-access</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/universal-access-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('universal-access-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">universal-access-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/unlock/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('unlock', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">unlock</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/unlock-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('unlock-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">unlock-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/upc/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('upc', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">upc</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/upc-scan/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('upc-scan', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">upc-scan</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/upload/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('upload', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">upload</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/usb/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">usb</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/usb-c/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb-c', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">usb-c</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/usb-c-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb-c-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">usb-c-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/usb-drive/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb-drive', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">usb-drive</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/usb-drive-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb-drive-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">usb-drive-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/usb-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">usb-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/usb-micro/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb-micro', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">usb-micro</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/usb-micro-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb-micro-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">usb-micro-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/usb-mini/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb-mini', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">usb-mini</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/usb-mini-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb-mini-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">usb-mini-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/usb-plug/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb-plug', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">usb-plug</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/usb-plug-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb-plug-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">usb-plug-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/usb-symbol/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('usb-symbol', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">usb-symbol</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/valentine/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('valentine', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">valentine</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/valentine2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('valentine2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">valentine2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/vector-pen/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('vector-pen', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">vector-pen</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/view-list/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('view-list', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">view-list</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/view-stacked/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('view-stacked', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">view-stacked</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/vignette/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('vignette', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">vignette</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/vimeo/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('vimeo', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">vimeo</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/vinyl/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('vinyl', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">vinyl</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/vinyl-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('vinyl-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">vinyl-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/virus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('virus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">virus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/virus2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('virus2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">virus2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/voicemail/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('voicemail', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">voicemail</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/volume-down/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('volume-down', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">volume-down</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/volume-down-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('volume-down-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">volume-down-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/volume-mute/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('volume-mute', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">volume-mute</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/volume-mute-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('volume-mute-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">volume-mute-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/volume-off/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('volume-off', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">volume-off</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/volume-off-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('volume-off-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">volume-off-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/volume-up/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('volume-up', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">volume-up</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/volume-up-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('volume-up-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">volume-up-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/vr/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('vr', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">vr</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/wallet/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wallet', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">wallet</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/wallet-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wallet-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">wallet-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/wallet2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wallet2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">wallet2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/watch/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('watch', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">watch</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/water/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('water', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">water</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/webcam/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('webcam', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">webcam</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/webcam-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('webcam-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">webcam-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/wechat/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wechat', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">wechat</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/whatsapp/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('whatsapp', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">whatsapp</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/wifi/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wifi', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">wifi</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/wifi-1/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wifi-1', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">wifi-1</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/wifi-2/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wifi-2', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">wifi-2</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/wifi-off/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wifi-off', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">wifi-off</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/wikipedia/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wikipedia', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">wikipedia</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/wind/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wind', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">wind</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/window/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('window', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">window</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/window-dash/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('window-dash', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">window-dash</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/window-desktop/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('window-desktop', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">window-desktop</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/window-dock/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('window-dock', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">window-dock</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/window-fullscreen/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('window-fullscreen', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">window-fullscreen</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/window-plus/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('window-plus', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">window-plus</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/window-sidebar/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('window-sidebar', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">window-sidebar</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/window-split/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('window-split', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">window-split</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/window-stack/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('window-stack', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">window-stack</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/window-x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('window-x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">window-x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/windows/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('windows', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">windows</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/wordpress/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wordpress', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">wordpress</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/wrench/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wrench', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">wrench</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/wrench-adjustable/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wrench-adjustable', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">wrench-adjustable</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/wrench-adjustable-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wrench-adjustable-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">wrench-adjustable-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/wrench-adjustable-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('wrench-adjustable-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">wrench-adjustable-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/x/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('x', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">x</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/x-circle/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('x-circle', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">x-circle</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/x-circle-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('x-circle-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">x-circle-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/x-diamond/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('x-diamond', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">x-diamond</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/x-diamond-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('x-diamond-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">x-diamond-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/x-lg/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('x-lg', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">x-lg</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/x-octagon/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('x-octagon', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">x-octagon</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/x-octagon-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('x-octagon-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">x-octagon-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/x-square/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('x-square', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">x-square</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/x-square-fill/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('x-square-fill', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">x-square-fill</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/xbox/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('xbox', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">xbox</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/yelp/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('yelp', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">yelp</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/yin-yang/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('yin-yang', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">yin-yang</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/youtube/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('youtube', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">youtube</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/zoom-in/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('zoom-in', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">zoom-in</div>
</li>
<li class="col mb-4">
<a class="d-block text-dark text-body-emphasis text-decoration-none" href="https://icons.getbootstrap.com/icons/zoom-out/">
<div class="px-3 py-4 mb-2 bg-light text-center rounded">
{{ render_icon('zoom-out', 32) }}
</div>
</a>
<div class="name text-body-secondary text-decoration-none text-center pt-1">zoom-out</div>
</li>
</ul>
<p>This is a total of 2050 icons.</p>
{% endblock %}

