search

twbs / icons

Official open source SVG icon library for Bootstrap.
https://icons.getbootstrap.com
MIT License
7.44k stars 1.07k forks source link

Flip and rotate icon #1056

Closed githubcom13 closed 2 years ago

githubcom13 commented 3 years ago

Would it be possible to add a CSS class to flip or rotate an icon? This will avoid creating the same icon several times for different orientations.

Sample:

HTML <i class="bi bi-hand-index-thumb icon-flipped"></i>

CSS

.icon-flipped {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

or

HTML <i class="bi bi-hand-index-thumb icon-rotate-90"></i>

CSS

.icon-rotate-90 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
}
mdo commented 2 years ago

Not a bad idea! Since this project is primarily about the icons themselves though, which can be implemented via multiple methods, I don't want to add this for now.

BSarmady commented 1 year ago

I also have some situations that I need to use flipped icons (RTL LTR website). In such situations some icons do not make sense unless they are flipped or rotated.

I would love to see these styles to exits in the css file out of the box, so I don't have to add them myself on every update. (they are specifically for these icons and have no other use).

Also I made a cheatsheet that I guess everyone could use if included with the fonts (github didn't let me attach html, so I inline it), it allows copying icons to clipboard with clicking on them

.bi-2x{ font-size:2em;}
.bi-3x{font-size:3em;}
.bi-4x{font-size:4em;}
.bi-5x{font-size:5em;}
.bi-border{ padding:.2em; border:solid 0.08em #eeeeee; border-radius:.1em;}
.bi-spin-cw{ -webkit-animation:bi-spin-cw 2s infinite linear; animation:bi-spin-cw 2s infinite linear;}
.bi-spin-ccw{ -webkit-animation:bi-spin-ccw 2s infinite linear; animation:bi-spin-ccw 2s infinite linear;}
.bi-pulse{ -webkit-animation:bi-pulse 1s infinite steps(8); animation:bi-pulse 2s infinite steps(8);}
@-webkit-keyframes bi-spin-cw{
    0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); }
    100%{ -webkit-transform:rotate(359deg); transform:rotate(359deg); }
}
@keyframes bi-spin-cw{
    0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); }
    100%{ -webkit-transform:rotate(359deg); transform:rotate(359deg); }
}
@-webkit-keyframes bi-spin-ccw{
    0%{ -webkit-transform:rotate(359deg); transform:rotate(359deg); }
    100%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); }
}
@keyframes bi-spin-ccw{
    0%{ -webkit-transform:rotate(359deg); transform:rotate(359deg); }
    100%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); }
}
@keyframes bi-pulse{
    0%, 100%{ opacity:1 }
    50%{ opacity:0.4 }
}
@-webkit-keyframes bi-pulse{
    0%, 100%{ opacity:1 }
    50%{ opacity:0.4 }
}
.bi-rotate-90{ transform:rotate(90deg); }
.bi-rotate-180{ transform:rotate(180deg); }
.bi-rotate-270{ transform:rotate(270deg); }
.bi-flip-horizontal{ transform:scale(-1, 1); }
.bi-flip-vertical{ transform:scale(1, -1); }
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" href="bootstrap-icons.css">
    <title>Bootstrap Icons 1.10.3</title>
    <style>
        body{ font-family:roboto, tahoma, arial }
        .border{ width:240px; padding:5px; margin:5px; border:1px solid #cccccc }
        .border:hover{ width:240px; padding:5px; margin:5px; border:1px solid #ff9933; background-color:#fffcf0 }
        .border i{ padding:5px; margin:5px; }
        .row{ display:flex; flex-direction:row; flex-wrap:wrap }
        .row div{ display:flex; flex-direction:row; flex-wrap:wrap; cursor:pointer }
        .red{ color:red }
    </style>
    <script type="text/javascript">
        document.addEventListener('DOMContentLoaded', function () {
            document.querySelectorAll('.row')[0].addEventListener("click", function (e) {
                var item = null
                if (e.srcElement.tagName == 'I') {
                    item = e.srcElement.outerHTML;
                } else if (e.srcElement.classList.contains('border')) {
                    item = e.srcElement.firstChild.outerHTML;
                }
                if (item) {
                    var dummy = document.createElement("textarea");
                    document.body.appendChild(dummy);
                    dummy.value = item.replace('bi-3x ', '');
                    dummy.select();
                    document.execCommand("copy");
                    document.body.removeChild(dummy)
                }
            });
        });
    </script>

</head>
<body>
    <h2 class="page-header">Bootstrap Icons 1.10.3</h2>
    <p>Clisk on icons to copy to clipboard</p>
    <div class="row">
        <div style="width:100%;border-top:1px solid #cccccc"><h3>Sizes</h3></div>
        <div class="border"><i class="bi bi-check-circle"></i> xs (0.75em)</div>
        <div class="border"><i class="bi bi-2x bi-check-circle"></i> bi-2x (normal)</div>
        <div class="border"><i class="bi bi-check-circle bi-3x"></i> bi-3x lg (1.3333em)</div>
        <div class="border"><i class="bi bi-4x bi-check-circle"></i> bi-4x x2 (2em)</div>
        <div class="border"><i class="bi bi-5x bi-check-circle"></i> bi-5x x3 (3em)</div>

        <div style="width:100%;border-top:1px solid #cccccc"><h3>Effects</h3></div>
        <div class="border"><i class="bi bi-3x bi-spin-cw bi-arrow-clockwise"></i> spin</div>
        <div class="border"><i class="bi bi-3x bi-spin-ccw bi-arrow-counterclockwise"></i> spin</div>

        <div class="border"><i class="bi bi-3x bi-pulse red bi-alarm-fill"></i> pulse</div>

        <div class="border"><i class="bi bi-3x bi-border bi-check-circle"></i> border</div>
        <div class="border"><i class="bi bi-3x bi-check-circle" style="color:green"></i> color</div>
        <div style="width:100%;"></div>
        <div class="border"><i class="bi bi-3x bi-wrench-adjustable"></i>no rotation</div>
        <div class="border"><i class="bi bi-3x bi-rotate-90 bi-wrench-adjustable"></i>rotate-90</div>
        <div class="border"><i class="bi bi-3x bi-rotate-180 bi-wrench-adjustable"></i> rotate-180</div>
        <div class="border"><i class="bi bi-3x bi-rotate-270 bi-wrench-adjustable"></i> rotate-270</div>
        <div class="border"><i class="bi bi-3x bi-flip-horizontal bi-wrench-adjustable"></i> flip-horizontal</div>
        <div class="border"><i class="bi bi-3x bi-flip-vertical bi-wrench-adjustable"></i> flip-vertical</div>
        <div style="width:100%;"></div>
        <div style="width:100%;border-top:1px solid #cccccc"><h3>Icons</h3></div>

        <div class="border"><i class="bi bi-3x bi-123"></i> .bi-123</div>
        <div class="border"><i class="bi bi-3x bi-alarm-fill"></i> .bi-alarm-fill</div>
        <div class="border"><i class="bi bi-3x bi-alarm"></i> .bi-alarm</div>
        <div class="border"><i class="bi bi-3x bi-align-bottom"></i> .bi-align-bottom</div>
        <div class="border"><i class="bi bi-3x bi-align-center"></i> .bi-align-center</div>
        <div class="border"><i class="bi bi-3x bi-align-end"></i> .bi-align-end</div>
        <div class="border"><i class="bi bi-3x bi-align-middle"></i> .bi-align-middle</div>
        <div class="border"><i class="bi bi-3x bi-align-start"></i> .bi-align-start</div>
        <div class="border"><i class="bi bi-3x bi-align-top"></i> .bi-align-top</div>
        <div class="border"><i class="bi bi-3x bi-alt"></i> .bi-alt</div>
        <div class="border"><i class="bi bi-3x bi-app-indicator"></i> .bi-app-indicator</div>
        <div class="border"><i class="bi bi-3x bi-app"></i> .bi-app</div>
        <div class="border"><i class="bi bi-3x bi-archive-fill"></i> .bi-archive-fill</div>
        <div class="border"><i class="bi bi-3x bi-archive"></i> .bi-archive</div>
        <div class="border"><i class="bi bi-3x bi-arrow-90deg-down"></i> .bi-arrow-90deg-down</div>
        <div class="border"><i class="bi bi-3x bi-arrow-90deg-left"></i> .bi-arrow-90deg-left</div>
        <div class="border"><i class="bi bi-3x bi-arrow-90deg-right"></i> .bi-arrow-90deg-right</div>
        <div class="border"><i class="bi bi-3x bi-arrow-90deg-up"></i> .bi-arrow-90deg-up</div>
        <div class="border"><i class="bi bi-3x bi-arrow-bar-down"></i> .bi-arrow-bar-down</div>
        <div class="border"><i class="bi bi-3x bi-arrow-bar-left"></i> .bi-arrow-bar-left</div>
        <div class="border"><i class="bi bi-3x bi-arrow-bar-right"></i> .bi-arrow-bar-right</div>
        <div class="border"><i class="bi bi-3x bi-arrow-bar-up"></i> .bi-arrow-bar-up</div>
        <div class="border"><i class="bi bi-3x bi-arrow-clockwise"></i> .bi-arrow-clockwise</div>
        <div class="border"><i class="bi bi-3x bi-arrow-counterclockwise"></i> .bi-arrow-counterclockwise</div>
        <div class="border"><i class="bi bi-3x bi-arrow-down-circle-fill"></i> .bi-arrow-down-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-arrow-down-circle"></i> .bi-arrow-down-circle</div>
        <div class="border"><i class="bi bi-3x bi-arrow-down-left-circle-fill"></i> .bi-arrow-down-left-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-arrow-down-left-circle"></i> .bi-arrow-down-left-circle</div>
        <div class="border"><i class="bi bi-3x bi-arrow-down-left-square-fill"></i> .bi-arrow-down-left-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-arrow-down-left-square"></i> .bi-arrow-down-left-square</div>
        <div class="border"><i class="bi bi-3x bi-arrow-down-left"></i> .bi-arrow-down-left</div>
        <div class="border"><i class="bi bi-3x bi-arrow-down-right-circle-fill"></i> .bi-arrow-down-right-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-arrow-down-right-circle"></i> .bi-arrow-down-right-circle</div>
        <div class="border"><i class="bi bi-3x bi-arrow-down-right-square-fill"></i> .bi-arrow-down-right-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-arrow-down-right-square"></i> .bi-arrow-down-right-square</div>
        <div class="border"><i class="bi bi-3x bi-arrow-down-right"></i> .bi-arrow-down-right</div>
        <div class="border"><i class="bi bi-3x bi-arrow-down-short"></i> .bi-arrow-down-short</div>
        <div class="border"><i class="bi bi-3x bi-arrow-down-square-fill"></i> .bi-arrow-down-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-arrow-down-square"></i> .bi-arrow-down-square</div>
        <div class="border"><i class="bi bi-3x bi-arrow-down-up"></i> .bi-arrow-down-up</div>
        <div class="border"><i class="bi bi-3x bi-arrow-down"></i> .bi-arrow-down</div>
        <div class="border"><i class="bi bi-3x bi-arrow-left-circle-fill"></i> .bi-arrow-left-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-arrow-left-circle"></i> .bi-arrow-left-circle</div>
        <div class="border"><i class="bi bi-3x bi-arrow-left-right"></i> .bi-arrow-left-right</div>
        <div class="border"><i class="bi bi-3x bi-arrow-left-short"></i> .bi-arrow-left-short</div>
        <div class="border"><i class="bi bi-3x bi-arrow-left-square-fill"></i> .bi-arrow-left-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-arrow-left-square"></i> .bi-arrow-left-square</div>
        <div class="border"><i class="bi bi-3x bi-arrow-left"></i> .bi-arrow-left</div>
        <div class="border"><i class="bi bi-3x bi-arrow-repeat"></i> .bi-arrow-repeat</div>
        <div class="border"><i class="bi bi-3x bi-arrow-return-left"></i> .bi-arrow-return-left</div>
        <div class="border"><i class="bi bi-3x bi-arrow-return-right"></i> .bi-arrow-return-right</div>
        <div class="border"><i class="bi bi-3x bi-arrow-right-circle-fill"></i> .bi-arrow-right-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-arrow-right-circle"></i> .bi-arrow-right-circle</div>
        <div class="border"><i class="bi bi-3x bi-arrow-right-short"></i> .bi-arrow-right-short</div>
        <div class="border"><i class="bi bi-3x bi-arrow-right-square-fill"></i> .bi-arrow-right-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-arrow-right-square"></i> .bi-arrow-right-square</div>
        <div class="border"><i class="bi bi-3x bi-arrow-right"></i> .bi-arrow-right</div>
        <div class="border"><i class="bi bi-3x bi-arrow-up-circle-fill"></i> .bi-arrow-up-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-arrow-up-circle"></i> .bi-arrow-up-circle</div>
        <div class="border"><i class="bi bi-3x bi-arrow-up-left-circle-fill"></i> .bi-arrow-up-left-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-arrow-up-left-circle"></i> .bi-arrow-up-left-circle</div>
        <div class="border"><i class="bi bi-3x bi-arrow-up-left-square-fill"></i> .bi-arrow-up-left-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-arrow-up-left-square"></i> .bi-arrow-up-left-square</div>
        <div class="border"><i class="bi bi-3x bi-arrow-up-left"></i> .bi-arrow-up-left</div>
        <div class="border"><i class="bi bi-3x bi-arrow-up-right-circle-fill"></i> .bi-arrow-up-right-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-arrow-up-right-circle"></i> .bi-arrow-up-right-circle</div>
        <div class="border"><i class="bi bi-3x bi-arrow-up-right-square-fill"></i> .bi-arrow-up-right-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-arrow-up-right-square"></i> .bi-arrow-up-right-square</div>
        <div class="border"><i class="bi bi-3x bi-arrow-up-right"></i> .bi-arrow-up-right</div>
        <div class="border"><i class="bi bi-3x bi-arrow-up-short"></i> .bi-arrow-up-short</div>
        <div class="border"><i class="bi bi-3x bi-arrow-up-square-fill"></i> .bi-arrow-up-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-arrow-up-square"></i> .bi-arrow-up-square</div>
        <div class="border"><i class="bi bi-3x bi-arrow-up"></i> .bi-arrow-up</div>
        <div class="border"><i class="bi bi-3x bi-arrows-angle-contract"></i> .bi-arrows-angle-contract</div>
        <div class="border"><i class="bi bi-3x bi-arrows-angle-expand"></i> .bi-arrows-angle-expand</div>
        <div class="border"><i class="bi bi-3x bi-arrows-collapse"></i> .bi-arrows-collapse</div>
        <div class="border"><i class="bi bi-3x bi-arrows-expand"></i> .bi-arrows-expand</div>
        <div class="border"><i class="bi bi-3x bi-arrows-fullscreen"></i> .bi-arrows-fullscreen</div>
        <div class="border"><i class="bi bi-3x bi-arrows-move"></i> .bi-arrows-move</div>
        <div class="border"><i class="bi bi-3x bi-aspect-ratio-fill"></i> .bi-aspect-ratio-fill</div>
        <div class="border"><i class="bi bi-3x bi-aspect-ratio"></i> .bi-aspect-ratio</div>
        <div class="border"><i class="bi bi-3x bi-asterisk"></i> .bi-asterisk</div>
        <div class="border"><i class="bi bi-3x bi-at"></i> .bi-at</div>
        <div class="border"><i class="bi bi-3x bi-award-fill"></i> .bi-award-fill</div>
        <div class="border"><i class="bi bi-3x bi-award"></i> .bi-award</div>
        <div class="border"><i class="bi bi-3x bi-back"></i> .bi-back</div>
        <div class="border"><i class="bi bi-3x bi-backspace-fill"></i> .bi-backspace-fill</div>
        <div class="border"><i class="bi bi-3x bi-backspace-reverse-fill"></i> .bi-backspace-reverse-fill</div>
        <div class="border"><i class="bi bi-3x bi-backspace-reverse"></i> .bi-backspace-reverse</div>
        <div class="border"><i class="bi bi-3x bi-backspace"></i> .bi-backspace</div>
        <div class="border"><i class="bi bi-3x bi-badge-3d-fill"></i> .bi-badge-3d-fill</div>
        <div class="border"><i class="bi bi-3x bi-badge-3d"></i> .bi-badge-3d</div>
        <div class="border"><i class="bi bi-3x bi-badge-4k-fill"></i> .bi-badge-4k-fill</div>
        <div class="border"><i class="bi bi-3x bi-badge-4k"></i> .bi-badge-4k</div>
        <div class="border"><i class="bi bi-3x bi-badge-8k-fill"></i> .bi-badge-8k-fill</div>
        <div class="border"><i class="bi bi-3x bi-badge-8k"></i> .bi-badge-8k</div>
        <div class="border"><i class="bi bi-3x bi-badge-ad-fill"></i> .bi-badge-ad-fill</div>
        <div class="border"><i class="bi bi-3x bi-badge-ad"></i> .bi-badge-ad</div>
        <div class="border"><i class="bi bi-3x bi-badge-ar-fill"></i> .bi-badge-ar-fill</div>
        <div class="border"><i class="bi bi-3x bi-badge-ar"></i> .bi-badge-ar</div>
        <div class="border"><i class="bi bi-3x bi-badge-cc-fill"></i> .bi-badge-cc-fill</div>
        <div class="border"><i class="bi bi-3x bi-badge-cc"></i> .bi-badge-cc</div>
        <div class="border"><i class="bi bi-3x bi-badge-hd-fill"></i> .bi-badge-hd-fill</div>
        <div class="border"><i class="bi bi-3x bi-badge-hd"></i> .bi-badge-hd</div>
        <div class="border"><i class="bi bi-3x bi-badge-tm-fill"></i> .bi-badge-tm-fill</div>
        <div class="border"><i class="bi bi-3x bi-badge-tm"></i> .bi-badge-tm</div>
        <div class="border"><i class="bi bi-3x bi-badge-vo-fill"></i> .bi-badge-vo-fill</div>
        <div class="border"><i class="bi bi-3x bi-badge-vo"></i> .bi-badge-vo</div>
        <div class="border"><i class="bi bi-3x bi-badge-vr-fill"></i> .bi-badge-vr-fill</div>
        <div class="border"><i class="bi bi-3x bi-badge-vr"></i> .bi-badge-vr</div>
        <div class="border"><i class="bi bi-3x bi-badge-wc-fill"></i> .bi-badge-wc-fill</div>
        <div class="border"><i class="bi bi-3x bi-badge-wc"></i> .bi-badge-wc</div>
        <div class="border"><i class="bi bi-3x bi-bag-check-fill"></i> .bi-bag-check-fill</div>
        <div class="border"><i class="bi bi-3x bi-bag-check"></i> .bi-bag-check</div>
        <div class="border"><i class="bi bi-3x bi-bag-dash-fill"></i> .bi-bag-dash-fill</div>
        <div class="border"><i class="bi bi-3x bi-bag-dash"></i> .bi-bag-dash</div>
        <div class="border"><i class="bi bi-3x bi-bag-fill"></i> .bi-bag-fill</div>
        <div class="border"><i class="bi bi-3x bi-bag-plus-fill"></i> .bi-bag-plus-fill</div>
        <div class="border"><i class="bi bi-3x bi-bag-plus"></i> .bi-bag-plus</div>
        <div class="border"><i class="bi bi-3x bi-bag-x-fill"></i> .bi-bag-x-fill</div>
        <div class="border"><i class="bi bi-3x bi-bag-x"></i> .bi-bag-x</div>
        <div class="border"><i class="bi bi-3x bi-bag"></i> .bi-bag</div>
        <div class="border"><i class="bi bi-3x bi-bar-chart-fill"></i> .bi-bar-chart-fill</div>
        <div class="border"><i class="bi bi-3x bi-bar-chart-line-fill"></i> .bi-bar-chart-line-fill</div>
        <div class="border"><i class="bi bi-3x bi-bar-chart-line"></i> .bi-bar-chart-line</div>
        <div class="border"><i class="bi bi-3x bi-bar-chart-steps"></i> .bi-bar-chart-steps</div>
        <div class="border"><i class="bi bi-3x bi-bar-chart"></i> .bi-bar-chart</div>
        <div class="border"><i class="bi bi-3x bi-basket-fill"></i> .bi-basket-fill</div>
        <div class="border"><i class="bi bi-3x bi-basket"></i> .bi-basket</div>
        <div class="border"><i class="bi bi-3x bi-basket2-fill"></i> .bi-basket2-fill</div>
        <div class="border"><i class="bi bi-3x bi-basket2"></i> .bi-basket2</div>
        <div class="border"><i class="bi bi-3x bi-basket3-fill"></i> .bi-basket3-fill</div>
        <div class="border"><i class="bi bi-3x bi-basket3"></i> .bi-basket3</div>
        <div class="border"><i class="bi bi-3x bi-battery-charging"></i> .bi-battery-charging</div>
        <div class="border"><i class="bi bi-3x bi-battery-full"></i> .bi-battery-full</div>
        <div class="border"><i class="bi bi-3x bi-battery-half"></i> .bi-battery-half</div>
        <div class="border"><i class="bi bi-3x bi-battery"></i> .bi-battery</div>
        <div class="border"><i class="bi bi-3x bi-bell-fill"></i> .bi-bell-fill</div>
        <div class="border"><i class="bi bi-3x bi-bell"></i> .bi-bell</div>
        <div class="border"><i class="bi bi-3x bi-bezier"></i> .bi-bezier</div>
        <div class="border"><i class="bi bi-3x bi-bezier2"></i> .bi-bezier2</div>
        <div class="border"><i class="bi bi-3x bi-bicycle"></i> .bi-bicycle</div>
        <div class="border"><i class="bi bi-3x bi-binoculars-fill"></i> .bi-binoculars-fill</div>
        <div class="border"><i class="bi bi-3x bi-binoculars"></i> .bi-binoculars</div>
        <div class="border"><i class="bi bi-3x bi-blockquote-left"></i> .bi-blockquote-left</div>
        <div class="border"><i class="bi bi-3x bi-blockquote-right"></i> .bi-blockquote-right</div>
        <div class="border"><i class="bi bi-3x bi-book-fill"></i> .bi-book-fill</div>
        <div class="border"><i class="bi bi-3x bi-book-half"></i> .bi-book-half</div>
        <div class="border"><i class="bi bi-3x bi-book"></i> .bi-book</div>
        <div class="border"><i class="bi bi-3x bi-bookmark-check-fill"></i> .bi-bookmark-check-fill</div>
        <div class="border"><i class="bi bi-3x bi-bookmark-check"></i> .bi-bookmark-check</div>
        <div class="border"><i class="bi bi-3x bi-bookmark-dash-fill"></i> .bi-bookmark-dash-fill</div>
        <div class="border"><i class="bi bi-3x bi-bookmark-dash"></i> .bi-bookmark-dash</div>
        <div class="border"><i class="bi bi-3x bi-bookmark-fill"></i> .bi-bookmark-fill</div>
        <div class="border"><i class="bi bi-3x bi-bookmark-heart-fill"></i> .bi-bookmark-heart-fill</div>
        <div class="border"><i class="bi bi-3x bi-bookmark-heart"></i> .bi-bookmark-heart</div>
        <div class="border"><i class="bi bi-3x bi-bookmark-plus-fill"></i> .bi-bookmark-plus-fill</div>
        <div class="border"><i class="bi bi-3x bi-bookmark-plus"></i> .bi-bookmark-plus</div>
        <div class="border"><i class="bi bi-3x bi-bookmark-star-fill"></i> .bi-bookmark-star-fill</div>
        <div class="border"><i class="bi bi-3x bi-bookmark-star"></i> .bi-bookmark-star</div>
        <div class="border"><i class="bi bi-3x bi-bookmark-x-fill"></i> .bi-bookmark-x-fill</div>
        <div class="border"><i class="bi bi-3x bi-bookmark-x"></i> .bi-bookmark-x</div>
        <div class="border"><i class="bi bi-3x bi-bookmark"></i> .bi-bookmark</div>
        <div class="border"><i class="bi bi-3x bi-bookmarks-fill"></i> .bi-bookmarks-fill</div>
        <div class="border"><i class="bi bi-3x bi-bookmarks"></i> .bi-bookmarks</div>
        <div class="border"><i class="bi bi-3x bi-bookshelf"></i> .bi-bookshelf</div>
        <div class="border"><i class="bi bi-3x bi-bootstrap-fill"></i> .bi-bootstrap-fill</div>
        <div class="border"><i class="bi bi-3x bi-bootstrap-reboot"></i> .bi-bootstrap-reboot</div>
        <div class="border"><i class="bi bi-3x bi-bootstrap"></i> .bi-bootstrap</div>
        <div class="border"><i class="bi bi-3x bi-border-all"></i> .bi-border-all</div>
        <div class="border"><i class="bi bi-3x bi-border-bottom"></i> .bi-border-bottom</div>
        <div class="border"><i class="bi bi-3x bi-border-center"></i> .bi-border-center</div>
        <div class="border"><i class="bi bi-3x bi-border-inner"></i> .bi-border-inner</div>
        <div class="border"><i class="bi bi-3x bi-border-left"></i> .bi-border-left</div>
        <div class="border"><i class="bi bi-3x bi-border-middle"></i> .bi-border-middle</div>
        <div class="border"><i class="bi bi-3x bi-border-outer"></i> .bi-border-outer</div>
        <div class="border"><i class="bi bi-3x bi-border-right"></i> .bi-border-right</div>
        <div class="border"><i class="bi bi-3x bi-border-style"></i> .bi-border-style</div>
        <div class="border"><i class="bi bi-3x bi-border-top"></i> .bi-border-top</div>
        <div class="border"><i class="bi bi-3x bi-border-width"></i> .bi-border-width</div>
        <div class="border"><i class="bi bi-3x bi-border"></i> .bi-border</div>
        <div class="border"><i class="bi bi-3x bi-bounding-box-circles"></i> .bi-bounding-box-circles</div>
        <div class="border"><i class="bi bi-3x bi-bounding-box"></i> .bi-bounding-box</div>
        <div class="border"><i class="bi bi-3x bi-box-arrow-down-left"></i> .bi-box-arrow-down-left</div>
        <div class="border"><i class="bi bi-3x bi-box-arrow-down-right"></i> .bi-box-arrow-down-right</div>
        <div class="border"><i class="bi bi-3x bi-box-arrow-down"></i> .bi-box-arrow-down</div>
        <div class="border"><i class="bi bi-3x bi-box-arrow-in-down-left"></i> .bi-box-arrow-in-down-left</div>
        <div class="border"><i class="bi bi-3x bi-box-arrow-in-down-right"></i> .bi-box-arrow-in-down-right</div>
        <div class="border"><i class="bi bi-3x bi-box-arrow-in-down"></i> .bi-box-arrow-in-down</div>
        <div class="border"><i class="bi bi-3x bi-box-arrow-in-left"></i> .bi-box-arrow-in-left</div>
        <div class="border"><i class="bi bi-3x bi-box-arrow-in-right"></i> .bi-box-arrow-in-right</div>
        <div class="border"><i class="bi bi-3x bi-box-arrow-in-up-left"></i> .bi-box-arrow-in-up-left</div>
        <div class="border"><i class="bi bi-3x bi-box-arrow-in-up-right"></i> .bi-box-arrow-in-up-right</div>
        <div class="border"><i class="bi bi-3x bi-box-arrow-in-up"></i> .bi-box-arrow-in-up</div>
        <div class="border"><i class="bi bi-3x bi-box-arrow-left"></i> .bi-box-arrow-left</div>
        <div class="border"><i class="bi bi-3x bi-box-arrow-right"></i> .bi-box-arrow-right</div>
        <div class="border"><i class="bi bi-3x bi-box-arrow-up-left"></i> .bi-box-arrow-up-left</div>
        <div class="border"><i class="bi bi-3x bi-box-arrow-up-right"></i> .bi-box-arrow-up-right</div>
        <div class="border"><i class="bi bi-3x bi-box-arrow-up"></i> .bi-box-arrow-up</div>
        <div class="border"><i class="bi bi-3x bi-box-seam"></i> .bi-box-seam</div>
        <div class="border"><i class="bi bi-3x bi-box"></i> .bi-box</div>
        <div class="border"><i class="bi bi-3x bi-braces"></i> .bi-braces</div>
        <div class="border"><i class="bi bi-3x bi-bricks"></i> .bi-bricks</div>
        <div class="border"><i class="bi bi-3x bi-briefcase-fill"></i> .bi-briefcase-fill</div>
        <div class="border"><i class="bi bi-3x bi-briefcase"></i> .bi-briefcase</div>
        <div class="border"><i class="bi bi-3x bi-brightness-alt-high-fill"></i> .bi-brightness-alt-high-fill</div>
        <div class="border"><i class="bi bi-3x bi-brightness-alt-high"></i> .bi-brightness-alt-high</div>
        <div class="border"><i class="bi bi-3x bi-brightness-alt-low-fill"></i> .bi-brightness-alt-low-fill</div>
        <div class="border"><i class="bi bi-3x bi-brightness-alt-low"></i> .bi-brightness-alt-low</div>
        <div class="border"><i class="bi bi-3x bi-brightness-high-fill"></i> .bi-brightness-high-fill</div>
        <div class="border"><i class="bi bi-3x bi-brightness-high"></i> .bi-brightness-high</div>
        <div class="border"><i class="bi bi-3x bi-brightness-low-fill"></i> .bi-brightness-low-fill</div>
        <div class="border"><i class="bi bi-3x bi-brightness-low"></i> .bi-brightness-low</div>
        <div class="border"><i class="bi bi-3x bi-broadcast-pin"></i> .bi-broadcast-pin</div>
        <div class="border"><i class="bi bi-3x bi-broadcast"></i> .bi-broadcast</div>
        <div class="border"><i class="bi bi-3x bi-brush-fill"></i> .bi-brush-fill</div>
        <div class="border"><i class="bi bi-3x bi-brush"></i> .bi-brush</div>
        <div class="border"><i class="bi bi-3x bi-bucket-fill"></i> .bi-bucket-fill</div>
        <div class="border"><i class="bi bi-3x bi-bucket"></i> .bi-bucket</div>
        <div class="border"><i class="bi bi-3x bi-bug-fill"></i> .bi-bug-fill</div>
        <div class="border"><i class="bi bi-3x bi-bug"></i> .bi-bug</div>
        <div class="border"><i class="bi bi-3x bi-building"></i> .bi-building</div>
        <div class="border"><i class="bi bi-3x bi-bullseye"></i> .bi-bullseye</div>
        <div class="border"><i class="bi bi-3x bi-calculator-fill"></i> .bi-calculator-fill</div>
        <div class="border"><i class="bi bi-3x bi-calculator"></i> .bi-calculator</div>
        <div class="border"><i class="bi bi-3x bi-calendar-check-fill"></i> .bi-calendar-check-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar-check"></i> .bi-calendar-check</div>
        <div class="border"><i class="bi bi-3x bi-calendar-date-fill"></i> .bi-calendar-date-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar-date"></i> .bi-calendar-date</div>
        <div class="border"><i class="bi bi-3x bi-calendar-day-fill"></i> .bi-calendar-day-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar-day"></i> .bi-calendar-day</div>
        <div class="border"><i class="bi bi-3x bi-calendar-event-fill"></i> .bi-calendar-event-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar-event"></i> .bi-calendar-event</div>
        <div class="border"><i class="bi bi-3x bi-calendar-fill"></i> .bi-calendar-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar-minus-fill"></i> .bi-calendar-minus-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar-minus"></i> .bi-calendar-minus</div>
        <div class="border"><i class="bi bi-3x bi-calendar-month-fill"></i> .bi-calendar-month-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar-month"></i> .bi-calendar-month</div>
        <div class="border"><i class="bi bi-3x bi-calendar-plus-fill"></i> .bi-calendar-plus-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar-plus"></i> .bi-calendar-plus</div>
        <div class="border"><i class="bi bi-3x bi-calendar-range-fill"></i> .bi-calendar-range-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar-range"></i> .bi-calendar-range</div>
        <div class="border"><i class="bi bi-3x bi-calendar-week-fill"></i> .bi-calendar-week-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar-week"></i> .bi-calendar-week</div>
        <div class="border"><i class="bi bi-3x bi-calendar-x-fill"></i> .bi-calendar-x-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar-x"></i> .bi-calendar-x</div>
        <div class="border"><i class="bi bi-3x bi-calendar"></i> .bi-calendar</div>
        <div class="border"><i class="bi bi-3x bi-calendar2-check-fill"></i> .bi-calendar2-check-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar2-check"></i> .bi-calendar2-check</div>
        <div class="border"><i class="bi bi-3x bi-calendar2-date-fill"></i> .bi-calendar2-date-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar2-date"></i> .bi-calendar2-date</div>
        <div class="border"><i class="bi bi-3x bi-calendar2-day-fill"></i> .bi-calendar2-day-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar2-day"></i> .bi-calendar2-day</div>
        <div class="border"><i class="bi bi-3x bi-calendar2-event-fill"></i> .bi-calendar2-event-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar2-event"></i> .bi-calendar2-event</div>
        <div class="border"><i class="bi bi-3x bi-calendar2-fill"></i> .bi-calendar2-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar2-minus-fill"></i> .bi-calendar2-minus-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar2-minus"></i> .bi-calendar2-minus</div>
        <div class="border"><i class="bi bi-3x bi-calendar2-month-fill"></i> .bi-calendar2-month-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar2-month"></i> .bi-calendar2-month</div>
        <div class="border"><i class="bi bi-3x bi-calendar2-plus-fill"></i> .bi-calendar2-plus-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar2-plus"></i> .bi-calendar2-plus</div>
        <div class="border"><i class="bi bi-3x bi-calendar2-range-fill"></i> .bi-calendar2-range-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar2-range"></i> .bi-calendar2-range</div>
        <div class="border"><i class="bi bi-3x bi-calendar2-week-fill"></i> .bi-calendar2-week-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar2-week"></i> .bi-calendar2-week</div>
        <div class="border"><i class="bi bi-3x bi-calendar2-x-fill"></i> .bi-calendar2-x-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar2-x"></i> .bi-calendar2-x</div>
        <div class="border"><i class="bi bi-3x bi-calendar2"></i> .bi-calendar2</div>
        <div class="border"><i class="bi bi-3x bi-calendar3-event-fill"></i> .bi-calendar3-event-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar3-event"></i> .bi-calendar3-event</div>
        <div class="border"><i class="bi bi-3x bi-calendar3-fill"></i> .bi-calendar3-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar3-range-fill"></i> .bi-calendar3-range-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar3-range"></i> .bi-calendar3-range</div>
        <div class="border"><i class="bi bi-3x bi-calendar3-week-fill"></i> .bi-calendar3-week-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar3-week"></i> .bi-calendar3-week</div>
        <div class="border"><i class="bi bi-3x bi-calendar3"></i> .bi-calendar3</div>
        <div class="border"><i class="bi bi-3x bi-calendar4-event"></i> .bi-calendar4-event</div>
        <div class="border"><i class="bi bi-3x bi-calendar4-range"></i> .bi-calendar4-range</div>
        <div class="border"><i class="bi bi-3x bi-calendar4-week"></i> .bi-calendar4-week</div>
        <div class="border"><i class="bi bi-3x bi-calendar4"></i> .bi-calendar4</div>
        <div class="border"><i class="bi bi-3x bi-camera-fill"></i> .bi-camera-fill</div>
        <div class="border"><i class="bi bi-3x bi-camera-reels-fill"></i> .bi-camera-reels-fill</div>
        <div class="border"><i class="bi bi-3x bi-camera-reels"></i> .bi-camera-reels</div>
        <div class="border"><i class="bi bi-3x bi-camera-video-fill"></i> .bi-camera-video-fill</div>
        <div class="border"><i class="bi bi-3x bi-camera-video-off-fill"></i> .bi-camera-video-off-fill</div>
        <div class="border"><i class="bi bi-3x bi-camera-video-off"></i> .bi-camera-video-off</div>
        <div class="border"><i class="bi bi-3x bi-camera-video"></i> .bi-camera-video</div>
        <div class="border"><i class="bi bi-3x bi-camera"></i> .bi-camera</div>
        <div class="border"><i class="bi bi-3x bi-camera2"></i> .bi-camera2</div>
        <div class="border"><i class="bi bi-3x bi-capslock-fill"></i> .bi-capslock-fill</div>
        <div class="border"><i class="bi bi-3x bi-capslock"></i> .bi-capslock</div>
        <div class="border"><i class="bi bi-3x bi-card-checklist"></i> .bi-card-checklist</div>
        <div class="border"><i class="bi bi-3x bi-card-heading"></i> .bi-card-heading</div>
        <div class="border"><i class="bi bi-3x bi-card-image"></i> .bi-card-image</div>
        <div class="border"><i class="bi bi-3x bi-card-list"></i> .bi-card-list</div>
        <div class="border"><i class="bi bi-3x bi-card-text"></i> .bi-card-text</div>
        <div class="border"><i class="bi bi-3x bi-caret-down-fill"></i> .bi-caret-down-fill</div>
        <div class="border"><i class="bi bi-3x bi-caret-down-square-fill"></i> .bi-caret-down-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-caret-down-square"></i> .bi-caret-down-square</div>
        <div class="border"><i class="bi bi-3x bi-caret-down"></i> .bi-caret-down</div>
        <div class="border"><i class="bi bi-3x bi-caret-left-fill"></i> .bi-caret-left-fill</div>
        <div class="border"><i class="bi bi-3x bi-caret-left-square-fill"></i> .bi-caret-left-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-caret-left-square"></i> .bi-caret-left-square</div>
        <div class="border"><i class="bi bi-3x bi-caret-left"></i> .bi-caret-left</div>
        <div class="border"><i class="bi bi-3x bi-caret-right-fill"></i> .bi-caret-right-fill</div>
        <div class="border"><i class="bi bi-3x bi-caret-right-square-fill"></i> .bi-caret-right-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-caret-right-square"></i> .bi-caret-right-square</div>
        <div class="border"><i class="bi bi-3x bi-caret-right"></i> .bi-caret-right</div>
        <div class="border"><i class="bi bi-3x bi-caret-up-fill"></i> .bi-caret-up-fill</div>
        <div class="border"><i class="bi bi-3x bi-caret-up-square-fill"></i> .bi-caret-up-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-caret-up-square"></i> .bi-caret-up-square</div>
        <div class="border"><i class="bi bi-3x bi-caret-up"></i> .bi-caret-up</div>
        <div class="border"><i class="bi bi-3x bi-cart-check-fill"></i> .bi-cart-check-fill</div>
        <div class="border"><i class="bi bi-3x bi-cart-check"></i> .bi-cart-check</div>
        <div class="border"><i class="bi bi-3x bi-cart-dash-fill"></i> .bi-cart-dash-fill</div>
        <div class="border"><i class="bi bi-3x bi-cart-dash"></i> .bi-cart-dash</div>
        <div class="border"><i class="bi bi-3x bi-cart-fill"></i> .bi-cart-fill</div>
        <div class="border"><i class="bi bi-3x bi-cart-plus-fill"></i> .bi-cart-plus-fill</div>
        <div class="border"><i class="bi bi-3x bi-cart-plus"></i> .bi-cart-plus</div>
        <div class="border"><i class="bi bi-3x bi-cart-x-fill"></i> .bi-cart-x-fill</div>
        <div class="border"><i class="bi bi-3x bi-cart-x"></i> .bi-cart-x</div>
        <div class="border"><i class="bi bi-3x bi-cart"></i> .bi-cart</div>
        <div class="border"><i class="bi bi-3x bi-cart2"></i> .bi-cart2</div>
        <div class="border"><i class="bi bi-3x bi-cart3"></i> .bi-cart3</div>
        <div class="border"><i class="bi bi-3x bi-cart4"></i> .bi-cart4</div>
        <div class="border"><i class="bi bi-3x bi-cash-stack"></i> .bi-cash-stack</div>
        <div class="border"><i class="bi bi-3x bi-cash"></i> .bi-cash</div>
        <div class="border"><i class="bi bi-3x bi-cast"></i> .bi-cast</div>
        <div class="border"><i class="bi bi-3x bi-chat-dots-fill"></i> .bi-chat-dots-fill</div>
        <div class="border"><i class="bi bi-3x bi-chat-dots"></i> .bi-chat-dots</div>
        <div class="border"><i class="bi bi-3x bi-chat-fill"></i> .bi-chat-fill</div>
        <div class="border"><i class="bi bi-3x bi-chat-left-dots-fill"></i> .bi-chat-left-dots-fill</div>
        <div class="border"><i class="bi bi-3x bi-chat-left-dots"></i> .bi-chat-left-dots</div>
        <div class="border"><i class="bi bi-3x bi-chat-left-fill"></i> .bi-chat-left-fill</div>
        <div class="border"><i class="bi bi-3x bi-chat-left-quote-fill"></i> .bi-chat-left-quote-fill</div>
        <div class="border"><i class="bi bi-3x bi-chat-left-quote"></i> .bi-chat-left-quote</div>
        <div class="border"><i class="bi bi-3x bi-chat-left-text-fill"></i> .bi-chat-left-text-fill</div>
        <div class="border"><i class="bi bi-3x bi-chat-left-text"></i> .bi-chat-left-text</div>
        <div class="border"><i class="bi bi-3x bi-chat-left"></i> .bi-chat-left</div>
        <div class="border"><i class="bi bi-3x bi-chat-quote-fill"></i> .bi-chat-quote-fill</div>
        <div class="border"><i class="bi bi-3x bi-chat-quote"></i> .bi-chat-quote</div>
        <div class="border"><i class="bi bi-3x bi-chat-right-dots-fill"></i> .bi-chat-right-dots-fill</div>
        <div class="border"><i class="bi bi-3x bi-chat-right-dots"></i> .bi-chat-right-dots</div>
        <div class="border"><i class="bi bi-3x bi-chat-right-fill"></i> .bi-chat-right-fill</div>
        <div class="border"><i class="bi bi-3x bi-chat-right-quote-fill"></i> .bi-chat-right-quote-fill</div>
        <div class="border"><i class="bi bi-3x bi-chat-right-quote"></i> .bi-chat-right-quote</div>
        <div class="border"><i class="bi bi-3x bi-chat-right-text-fill"></i> .bi-chat-right-text-fill</div>
        <div class="border"><i class="bi bi-3x bi-chat-right-text"></i> .bi-chat-right-text</div>
        <div class="border"><i class="bi bi-3x bi-chat-right"></i> .bi-chat-right</div>
        <div class="border"><i class="bi bi-3x bi-chat-square-dots-fill"></i> .bi-chat-square-dots-fill</div>
        <div class="border"><i class="bi bi-3x bi-chat-square-dots"></i> .bi-chat-square-dots</div>
        <div class="border"><i class="bi bi-3x bi-chat-square-fill"></i> .bi-chat-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-chat-square-quote-fill"></i> .bi-chat-square-quote-fill</div>
        <div class="border"><i class="bi bi-3x bi-chat-square-quote"></i> .bi-chat-square-quote</div>
        <div class="border"><i class="bi bi-3x bi-chat-square-text-fill"></i> .bi-chat-square-text-fill</div>
        <div class="border"><i class="bi bi-3x bi-chat-square-text"></i> .bi-chat-square-text</div>
        <div class="border"><i class="bi bi-3x bi-chat-square"></i> .bi-chat-square</div>
        <div class="border"><i class="bi bi-3x bi-chat-text-fill"></i> .bi-chat-text-fill</div>
        <div class="border"><i class="bi bi-3x bi-chat-text"></i> .bi-chat-text</div>
        <div class="border"><i class="bi bi-3x bi-chat"></i> .bi-chat</div>
        <div class="border"><i class="bi bi-3x bi-check-all"></i> .bi-check-all</div>
        <div class="border"><i class="bi bi-3x bi-check-circle-fill"></i> .bi-check-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-check-circle"></i> .bi-check-circle</div>
        <div class="border"><i class="bi bi-3x bi-check-square-fill"></i> .bi-check-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-check-square"></i> .bi-check-square</div>
        <div class="border"><i class="bi bi-3x bi-check"></i> .bi-check</div>
        <div class="border"><i class="bi bi-3x bi-check2-all"></i> .bi-check2-all</div>
        <div class="border"><i class="bi bi-3x bi-check2-circle"></i> .bi-check2-circle</div>
        <div class="border"><i class="bi bi-3x bi-check2-square"></i> .bi-check2-square</div>
        <div class="border"><i class="bi bi-3x bi-check2"></i> .bi-check2</div>
        <div class="border"><i class="bi bi-3x bi-chevron-bar-contract"></i> .bi-chevron-bar-contract</div>
        <div class="border"><i class="bi bi-3x bi-chevron-bar-down"></i> .bi-chevron-bar-down</div>
        <div class="border"><i class="bi bi-3x bi-chevron-bar-expand"></i> .bi-chevron-bar-expand</div>
        <div class="border"><i class="bi bi-3x bi-chevron-bar-left"></i> .bi-chevron-bar-left</div>
        <div class="border"><i class="bi bi-3x bi-chevron-bar-right"></i> .bi-chevron-bar-right</div>
        <div class="border"><i class="bi bi-3x bi-chevron-bar-up"></i> .bi-chevron-bar-up</div>
        <div class="border"><i class="bi bi-3x bi-chevron-compact-down"></i> .bi-chevron-compact-down</div>
        <div class="border"><i class="bi bi-3x bi-chevron-compact-left"></i> .bi-chevron-compact-left</div>
        <div class="border"><i class="bi bi-3x bi-chevron-compact-right"></i> .bi-chevron-compact-right</div>
        <div class="border"><i class="bi bi-3x bi-chevron-compact-up"></i> .bi-chevron-compact-up</div>
        <div class="border"><i class="bi bi-3x bi-chevron-contract"></i> .bi-chevron-contract</div>
        <div class="border"><i class="bi bi-3x bi-chevron-double-down"></i> .bi-chevron-double-down</div>
        <div class="border"><i class="bi bi-3x bi-chevron-double-left"></i> .bi-chevron-double-left</div>
        <div class="border"><i class="bi bi-3x bi-chevron-double-right"></i> .bi-chevron-double-right</div>
        <div class="border"><i class="bi bi-3x bi-chevron-double-up"></i> .bi-chevron-double-up</div>
        <div class="border"><i class="bi bi-3x bi-chevron-down"></i> .bi-chevron-down</div>
        <div class="border"><i class="bi bi-3x bi-chevron-expand"></i> .bi-chevron-expand</div>
        <div class="border"><i class="bi bi-3x bi-chevron-left"></i> .bi-chevron-left</div>
        <div class="border"><i class="bi bi-3x bi-chevron-right"></i> .bi-chevron-right</div>
        <div class="border"><i class="bi bi-3x bi-chevron-up"></i> .bi-chevron-up</div>
        <div class="border"><i class="bi bi-3x bi-circle-fill"></i> .bi-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-circle-half"></i> .bi-circle-half</div>
        <div class="border"><i class="bi bi-3x bi-circle-square"></i> .bi-circle-square</div>
        <div class="border"><i class="bi bi-3x bi-circle"></i> .bi-circle</div>
        <div class="border"><i class="bi bi-3x bi-clipboard-check"></i> .bi-clipboard-check</div>
        <div class="border"><i class="bi bi-3x bi-clipboard-data"></i> .bi-clipboard-data</div>
        <div class="border"><i class="bi bi-3x bi-clipboard-minus"></i> .bi-clipboard-minus</div>
        <div class="border"><i class="bi bi-3x bi-clipboard-plus"></i> .bi-clipboard-plus</div>
        <div class="border"><i class="bi bi-3x bi-clipboard-x"></i> .bi-clipboard-x</div>
        <div class="border"><i class="bi bi-3x bi-clipboard"></i> .bi-clipboard</div>
        <div class="border"><i class="bi bi-3x bi-clock-fill"></i> .bi-clock-fill</div>
        <div class="border"><i class="bi bi-3x bi-clock-history"></i> .bi-clock-history</div>
        <div class="border"><i class="bi bi-3x bi-clock"></i> .bi-clock</div>
        <div class="border"><i class="bi bi-3x bi-cloud-arrow-down-fill"></i> .bi-cloud-arrow-down-fill</div>
        <div class="border"><i class="bi bi-3x bi-cloud-arrow-down"></i> .bi-cloud-arrow-down</div>
        <div class="border"><i class="bi bi-3x bi-cloud-arrow-up-fill"></i> .bi-cloud-arrow-up-fill</div>
        <div class="border"><i class="bi bi-3x bi-cloud-arrow-up"></i> .bi-cloud-arrow-up</div>
        <div class="border"><i class="bi bi-3x bi-cloud-check-fill"></i> .bi-cloud-check-fill</div>
        <div class="border"><i class="bi bi-3x bi-cloud-check"></i> .bi-cloud-check</div>
        <div class="border"><i class="bi bi-3x bi-cloud-download-fill"></i> .bi-cloud-download-fill</div>
        <div class="border"><i class="bi bi-3x bi-cloud-download"></i> .bi-cloud-download</div>
        <div class="border"><i class="bi bi-3x bi-cloud-drizzle-fill"></i> .bi-cloud-drizzle-fill</div>
        <div class="border"><i class="bi bi-3x bi-cloud-drizzle"></i> .bi-cloud-drizzle</div>
        <div class="border"><i class="bi bi-3x bi-cloud-fill"></i> .bi-cloud-fill</div>
        <div class="border"><i class="bi bi-3x bi-cloud-fog-fill"></i> .bi-cloud-fog-fill</div>
        <div class="border"><i class="bi bi-3x bi-cloud-fog"></i> .bi-cloud-fog</div>
        <div class="border"><i class="bi bi-3x bi-cloud-fog2-fill"></i> .bi-cloud-fog2-fill</div>
        <div class="border"><i class="bi bi-3x bi-cloud-fog2"></i> .bi-cloud-fog2</div>
        <div class="border"><i class="bi bi-3x bi-cloud-hail-fill"></i> .bi-cloud-hail-fill</div>
        <div class="border"><i class="bi bi-3x bi-cloud-hail"></i> .bi-cloud-hail</div>
        <div class="border"><i class="bi bi-3x bi-cloud-haze-1"></i> .bi-cloud-haze-1</div>
        <div class="border"><i class="bi bi-3x bi-cloud-haze-fill"></i> .bi-cloud-haze-fill</div>
        <div class="border"><i class="bi bi-3x bi-cloud-haze"></i> .bi-cloud-haze</div>
        <div class="border"><i class="bi bi-3x bi-cloud-haze2-fill"></i> .bi-cloud-haze2-fill</div>
        <div class="border"><i class="bi bi-3x bi-cloud-lightning-fill"></i> .bi-cloud-lightning-fill</div>
        <div class="border"><i class="bi bi-3x bi-cloud-lightning-rain-fill"></i> .bi-cloud-lightning-rain-fill</div>
        <div class="border"><i class="bi bi-3x bi-cloud-lightning-rain"></i> .bi-cloud-lightning-rain</div>
        <div class="border"><i class="bi bi-3x bi-cloud-lightning"></i> .bi-cloud-lightning</div>
        <div class="border"><i class="bi bi-3x bi-cloud-minus-fill"></i> .bi-cloud-minus-fill</div>
        <div class="border"><i class="bi bi-3x bi-cloud-minus"></i> .bi-cloud-minus</div>
        <div class="border"><i class="bi bi-3x bi-cloud-moon-fill"></i> .bi-cloud-moon-fill</div>
        <div class="border"><i class="bi bi-3x bi-cloud-moon"></i> .bi-cloud-moon</div>
        <div class="border"><i class="bi bi-3x bi-cloud-plus-fill"></i> .bi-cloud-plus-fill</div>
        <div class="border"><i class="bi bi-3x bi-cloud-plus"></i> .bi-cloud-plus</div>
        <div class="border"><i class="bi bi-3x bi-cloud-rain-fill"></i> .bi-cloud-rain-fill</div>
        <div class="border"><i class="bi bi-3x bi-cloud-rain-heavy-fill"></i> .bi-cloud-rain-heavy-fill</div>
        <div class="border"><i class="bi bi-3x bi-cloud-rain-heavy"></i> .bi-cloud-rain-heavy</div>
        <div class="border"><i class="bi bi-3x bi-cloud-rain"></i> .bi-cloud-rain</div>
        <div class="border"><i class="bi bi-3x bi-cloud-slash-fill"></i> .bi-cloud-slash-fill</div>
        <div class="border"><i class="bi bi-3x bi-cloud-slash"></i> .bi-cloud-slash</div>
        <div class="border"><i class="bi bi-3x bi-cloud-sleet-fill"></i> .bi-cloud-sleet-fill</div>
        <div class="border"><i class="bi bi-3x bi-cloud-sleet"></i> .bi-cloud-sleet</div>
        <div class="border"><i class="bi bi-3x bi-cloud-snow-fill"></i> .bi-cloud-snow-fill</div>
        <div class="border"><i class="bi bi-3x bi-cloud-snow"></i> .bi-cloud-snow</div>
        <div class="border"><i class="bi bi-3x bi-cloud-sun-fill"></i> .bi-cloud-sun-fill</div>
        <div class="border"><i class="bi bi-3x bi-cloud-sun"></i> .bi-cloud-sun</div>
        <div class="border"><i class="bi bi-3x bi-cloud-upload-fill"></i> .bi-cloud-upload-fill</div>
        <div class="border"><i class="bi bi-3x bi-cloud-upload"></i> .bi-cloud-upload</div>
        <div class="border"><i class="bi bi-3x bi-cloud"></i> .bi-cloud</div>
        <div class="border"><i class="bi bi-3x bi-clouds-fill"></i> .bi-clouds-fill</div>
        <div class="border"><i class="bi bi-3x bi-clouds"></i> .bi-clouds</div>
        <div class="border"><i class="bi bi-3x bi-cloudy-fill"></i> .bi-cloudy-fill</div>
        <div class="border"><i class="bi bi-3x bi-cloudy"></i> .bi-cloudy</div>
        <div class="border"><i class="bi bi-3x bi-code-slash"></i> .bi-code-slash</div>
        <div class="border"><i class="bi bi-3x bi-code-square"></i> .bi-code-square</div>
        <div class="border"><i class="bi bi-3x bi-code"></i> .bi-code</div>
        <div class="border"><i class="bi bi-3x bi-collection-fill"></i> .bi-collection-fill</div>
        <div class="border"><i class="bi bi-3x bi-collection-play-fill"></i> .bi-collection-play-fill</div>
        <div class="border"><i class="bi bi-3x bi-collection-play"></i> .bi-collection-play</div>
        <div class="border"><i class="bi bi-3x bi-collection"></i> .bi-collection</div>
        <div class="border"><i class="bi bi-3x bi-columns-gap"></i> .bi-columns-gap</div>
        <div class="border"><i class="bi bi-3x bi-columns"></i> .bi-columns</div>
        <div class="border"><i class="bi bi-3x bi-command"></i> .bi-command</div>
        <div class="border"><i class="bi bi-3x bi-compass-fill"></i> .bi-compass-fill</div>
        <div class="border"><i class="bi bi-3x bi-compass"></i> .bi-compass</div>
        <div class="border"><i class="bi bi-3x bi-cone-striped"></i> .bi-cone-striped</div>
        <div class="border"><i class="bi bi-3x bi-cone"></i> .bi-cone</div>
        <div class="border"><i class="bi bi-3x bi-controller"></i> .bi-controller</div>
        <div class="border"><i class="bi bi-3x bi-cpu-fill"></i> .bi-cpu-fill</div>
        <div class="border"><i class="bi bi-3x bi-cpu"></i> .bi-cpu</div>
        <div class="border"><i class="bi bi-3x bi-credit-card-2-back-fill"></i> .bi-credit-card-2-back-fill</div>
        <div class="border"><i class="bi bi-3x bi-credit-card-2-back"></i> .bi-credit-card-2-back</div>
        <div class="border"><i class="bi bi-3x bi-credit-card-2-front-fill"></i> .bi-credit-card-2-front-fill</div>
        <div class="border"><i class="bi bi-3x bi-credit-card-2-front"></i> .bi-credit-card-2-front</div>
        <div class="border"><i class="bi bi-3x bi-credit-card-fill"></i> .bi-credit-card-fill</div>
        <div class="border"><i class="bi bi-3x bi-credit-card"></i> .bi-credit-card</div>
        <div class="border"><i class="bi bi-3x bi-crop"></i> .bi-crop</div>
        <div class="border"><i class="bi bi-3x bi-cup-fill"></i> .bi-cup-fill</div>
        <div class="border"><i class="bi bi-3x bi-cup-straw"></i> .bi-cup-straw</div>
        <div class="border"><i class="bi bi-3x bi-cup"></i> .bi-cup</div>
        <div class="border"><i class="bi bi-3x bi-cursor-fill"></i> .bi-cursor-fill</div>
        <div class="border"><i class="bi bi-3x bi-cursor-text"></i> .bi-cursor-text</div>
        <div class="border"><i class="bi bi-3x bi-cursor"></i> .bi-cursor</div>
        <div class="border"><i class="bi bi-3x bi-dash-circle-dotted"></i> .bi-dash-circle-dotted</div>
        <div class="border"><i class="bi bi-3x bi-dash-circle-fill"></i> .bi-dash-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-dash-circle"></i> .bi-dash-circle</div>
        <div class="border"><i class="bi bi-3x bi-dash-square-dotted"></i> .bi-dash-square-dotted</div>
        <div class="border"><i class="bi bi-3x bi-dash-square-fill"></i> .bi-dash-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-dash-square"></i> .bi-dash-square</div>
        <div class="border"><i class="bi bi-3x bi-dash"></i> .bi-dash</div>
        <div class="border"><i class="bi bi-3x bi-diagram-2-fill"></i> .bi-diagram-2-fill</div>
        <div class="border"><i class="bi bi-3x bi-diagram-2"></i> .bi-diagram-2</div>
        <div class="border"><i class="bi bi-3x bi-diagram-3-fill"></i> .bi-diagram-3-fill</div>
        <div class="border"><i class="bi bi-3x bi-diagram-3"></i> .bi-diagram-3</div>
        <div class="border"><i class="bi bi-3x bi-diamond-fill"></i> .bi-diamond-fill</div>
        <div class="border"><i class="bi bi-3x bi-diamond-half"></i> .bi-diamond-half</div>
        <div class="border"><i class="bi bi-3x bi-diamond"></i> .bi-diamond</div>
        <div class="border"><i class="bi bi-3x bi-dice-1-fill"></i> .bi-dice-1-fill</div>
        <div class="border"><i class="bi bi-3x bi-dice-1"></i> .bi-dice-1</div>
        <div class="border"><i class="bi bi-3x bi-dice-2-fill"></i> .bi-dice-2-fill</div>
        <div class="border"><i class="bi bi-3x bi-dice-2"></i> .bi-dice-2</div>
        <div class="border"><i class="bi bi-3x bi-dice-3-fill"></i> .bi-dice-3-fill</div>
        <div class="border"><i class="bi bi-3x bi-dice-3"></i> .bi-dice-3</div>
        <div class="border"><i class="bi bi-3x bi-dice-4-fill"></i> .bi-dice-4-fill</div>
        <div class="border"><i class="bi bi-3x bi-dice-4"></i> .bi-dice-4</div>
        <div class="border"><i class="bi bi-3x bi-dice-5-fill"></i> .bi-dice-5-fill</div>
        <div class="border"><i class="bi bi-3x bi-dice-5"></i> .bi-dice-5</div>
        <div class="border"><i class="bi bi-3x bi-dice-6-fill"></i> .bi-dice-6-fill</div>
        <div class="border"><i class="bi bi-3x bi-dice-6"></i> .bi-dice-6</div>
        <div class="border"><i class="bi bi-3x bi-disc-fill"></i> .bi-disc-fill</div>
        <div class="border"><i class="bi bi-3x bi-disc"></i> .bi-disc</div>
        <div class="border"><i class="bi bi-3x bi-discord"></i> .bi-discord</div>
        <div class="border"><i class="bi bi-3x bi-display-fill"></i> .bi-display-fill</div>
        <div class="border"><i class="bi bi-3x bi-display"></i> .bi-display</div>
        <div class="border"><i class="bi bi-3x bi-distribute-horizontal"></i> .bi-distribute-horizontal</div>
        <div class="border"><i class="bi bi-3x bi-distribute-vertical"></i> .bi-distribute-vertical</div>
        <div class="border"><i class="bi bi-3x bi-door-closed-fill"></i> .bi-door-closed-fill</div>
        <div class="border"><i class="bi bi-3x bi-door-closed"></i> .bi-door-closed</div>
        <div class="border"><i class="bi bi-3x bi-door-open-fill"></i> .bi-door-open-fill</div>
        <div class="border"><i class="bi bi-3x bi-door-open"></i> .bi-door-open</div>
        <div class="border"><i class="bi bi-3x bi-dot"></i> .bi-dot</div>
        <div class="border"><i class="bi bi-3x bi-download"></i> .bi-download</div>
        <div class="border"><i class="bi bi-3x bi-droplet-fill"></i> .bi-droplet-fill</div>
        <div class="border"><i class="bi bi-3x bi-droplet-half"></i> .bi-droplet-half</div>
        <div class="border"><i class="bi bi-3x bi-droplet"></i> .bi-droplet</div>
        <div class="border"><i class="bi bi-3x bi-earbuds"></i> .bi-earbuds</div>
        <div class="border"><i class="bi bi-3x bi-easel-fill"></i> .bi-easel-fill</div>
        <div class="border"><i class="bi bi-3x bi-easel"></i> .bi-easel</div>
        <div class="border"><i class="bi bi-3x bi-egg-fill"></i> .bi-egg-fill</div>
        <div class="border"><i class="bi bi-3x bi-egg-fried"></i> .bi-egg-fried</div>
        <div class="border"><i class="bi bi-3x bi-egg"></i> .bi-egg</div>
        <div class="border"><i class="bi bi-3x bi-eject-fill"></i> .bi-eject-fill</div>
        <div class="border"><i class="bi bi-3x bi-eject"></i> .bi-eject</div>
        <div class="border"><i class="bi bi-3x bi-emoji-angry-fill"></i> .bi-emoji-angry-fill</div>
        <div class="border"><i class="bi bi-3x bi-emoji-angry"></i> .bi-emoji-angry</div>
        <div class="border"><i class="bi bi-3x bi-emoji-dizzy-fill"></i> .bi-emoji-dizzy-fill</div>
        <div class="border"><i class="bi bi-3x bi-emoji-dizzy"></i> .bi-emoji-dizzy</div>
        <div class="border"><i class="bi bi-3x bi-emoji-expressionless-fill"></i> .bi-emoji-expressionless-fill</div>
        <div class="border"><i class="bi bi-3x bi-emoji-expressionless"></i> .bi-emoji-expressionless</div>
        <div class="border"><i class="bi bi-3x bi-emoji-frown-fill"></i> .bi-emoji-frown-fill</div>
        <div class="border"><i class="bi bi-3x bi-emoji-frown"></i> .bi-emoji-frown</div>
        <div class="border"><i class="bi bi-3x bi-emoji-heart-eyes-fill"></i> .bi-emoji-heart-eyes-fill</div>
        <div class="border"><i class="bi bi-3x bi-emoji-heart-eyes"></i> .bi-emoji-heart-eyes</div>
        <div class="border"><i class="bi bi-3x bi-emoji-laughing-fill"></i> .bi-emoji-laughing-fill</div>
        <div class="border"><i class="bi bi-3x bi-emoji-laughing"></i> .bi-emoji-laughing</div>
        <div class="border"><i class="bi bi-3x bi-emoji-neutral-fill"></i> .bi-emoji-neutral-fill</div>
        <div class="border"><i class="bi bi-3x bi-emoji-neutral"></i> .bi-emoji-neutral</div>
        <div class="border"><i class="bi bi-3x bi-emoji-smile-fill"></i> .bi-emoji-smile-fill</div>
        <div class="border"><i class="bi bi-3x bi-emoji-smile-upside-down-fill"></i> .bi-emoji-smile-upside-down-fill</div>
        <div class="border"><i class="bi bi-3x bi-emoji-smile-upside-down"></i> .bi-emoji-smile-upside-down</div>
        <div class="border"><i class="bi bi-3x bi-emoji-smile"></i> .bi-emoji-smile</div>
        <div class="border"><i class="bi bi-3x bi-emoji-sunglasses-fill"></i> .bi-emoji-sunglasses-fill</div>
        <div class="border"><i class="bi bi-3x bi-emoji-sunglasses"></i> .bi-emoji-sunglasses</div>
        <div class="border"><i class="bi bi-3x bi-emoji-wink-fill"></i> .bi-emoji-wink-fill</div>
        <div class="border"><i class="bi bi-3x bi-emoji-wink"></i> .bi-emoji-wink</div>
        <div class="border"><i class="bi bi-3x bi-envelope-fill"></i> .bi-envelope-fill</div>
        <div class="border"><i class="bi bi-3x bi-envelope-open-fill"></i> .bi-envelope-open-fill</div>
        <div class="border"><i class="bi bi-3x bi-envelope-open"></i> .bi-envelope-open</div>
        <div class="border"><i class="bi bi-3x bi-envelope"></i> .bi-envelope</div>
        <div class="border"><i class="bi bi-3x bi-eraser-fill"></i> .bi-eraser-fill</div>
        <div class="border"><i class="bi bi-3x bi-eraser"></i> .bi-eraser</div>
        <div class="border"><i class="bi bi-3x bi-exclamation-circle-fill"></i> .bi-exclamation-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-exclamation-circle"></i> .bi-exclamation-circle</div>
        <div class="border"><i class="bi bi-3x bi-exclamation-diamond-fill"></i> .bi-exclamation-diamond-fill</div>
        <div class="border"><i class="bi bi-3x bi-exclamation-diamond"></i> .bi-exclamation-diamond</div>
        <div class="border"><i class="bi bi-3x bi-exclamation-octagon-fill"></i> .bi-exclamation-octagon-fill</div>
        <div class="border"><i class="bi bi-3x bi-exclamation-octagon"></i> .bi-exclamation-octagon</div>
        <div class="border"><i class="bi bi-3x bi-exclamation-square-fill"></i> .bi-exclamation-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-exclamation-square"></i> .bi-exclamation-square</div>
        <div class="border"><i class="bi bi-3x bi-exclamation-triangle-fill"></i> .bi-exclamation-triangle-fill</div>
        <div class="border"><i class="bi bi-3x bi-exclamation-triangle"></i> .bi-exclamation-triangle</div>
        <div class="border"><i class="bi bi-3x bi-exclamation"></i> .bi-exclamation</div>
        <div class="border"><i class="bi bi-3x bi-exclude"></i> .bi-exclude</div>
        <div class="border"><i class="bi bi-3x bi-eye-fill"></i> .bi-eye-fill</div>
        <div class="border"><i class="bi bi-3x bi-eye-slash-fill"></i> .bi-eye-slash-fill</div>
        <div class="border"><i class="bi bi-3x bi-eye-slash"></i> .bi-eye-slash</div>
        <div class="border"><i class="bi bi-3x bi-eye"></i> .bi-eye</div>
        <div class="border"><i class="bi bi-3x bi-eyedropper"></i> .bi-eyedropper</div>
        <div class="border"><i class="bi bi-3x bi-eyeglasses"></i> .bi-eyeglasses</div>
        <div class="border"><i class="bi bi-3x bi-facebook"></i> .bi-facebook</div>
        <div class="border"><i class="bi bi-3x bi-file-arrow-down-fill"></i> .bi-file-arrow-down-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-arrow-down"></i> .bi-file-arrow-down</div>
        <div class="border"><i class="bi bi-3x bi-file-arrow-up-fill"></i> .bi-file-arrow-up-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-arrow-up"></i> .bi-file-arrow-up</div>
        <div class="border"><i class="bi bi-3x bi-file-bar-graph-fill"></i> .bi-file-bar-graph-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-bar-graph"></i> .bi-file-bar-graph</div>
        <div class="border"><i class="bi bi-3x bi-file-binary-fill"></i> .bi-file-binary-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-binary"></i> .bi-file-binary</div>
        <div class="border"><i class="bi bi-3x bi-file-break-fill"></i> .bi-file-break-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-break"></i> .bi-file-break</div>
        <div class="border"><i class="bi bi-3x bi-file-check-fill"></i> .bi-file-check-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-check"></i> .bi-file-check</div>
        <div class="border"><i class="bi bi-3x bi-file-code-fill"></i> .bi-file-code-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-code"></i> .bi-file-code</div>
        <div class="border"><i class="bi bi-3x bi-file-diff-fill"></i> .bi-file-diff-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-diff"></i> .bi-file-diff</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-arrow-down-fill"></i> .bi-file-earmark-arrow-down-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-arrow-down"></i> .bi-file-earmark-arrow-down</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-arrow-up-fill"></i> .bi-file-earmark-arrow-up-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-arrow-up"></i> .bi-file-earmark-arrow-up</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-bar-graph-fill"></i> .bi-file-earmark-bar-graph-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-bar-graph"></i> .bi-file-earmark-bar-graph</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-binary-fill"></i> .bi-file-earmark-binary-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-binary"></i> .bi-file-earmark-binary</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-break-fill"></i> .bi-file-earmark-break-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-break"></i> .bi-file-earmark-break</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-check-fill"></i> .bi-file-earmark-check-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-check"></i> .bi-file-earmark-check</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-code-fill"></i> .bi-file-earmark-code-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-code"></i> .bi-file-earmark-code</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-diff-fill"></i> .bi-file-earmark-diff-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-diff"></i> .bi-file-earmark-diff</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-easel-fill"></i> .bi-file-earmark-easel-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-easel"></i> .bi-file-earmark-easel</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-excel-fill"></i> .bi-file-earmark-excel-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-excel"></i> .bi-file-earmark-excel</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-fill"></i> .bi-file-earmark-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-font-fill"></i> .bi-file-earmark-font-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-font"></i> .bi-file-earmark-font</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-image-fill"></i> .bi-file-earmark-image-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-image"></i> .bi-file-earmark-image</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-lock-fill"></i> .bi-file-earmark-lock-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-lock"></i> .bi-file-earmark-lock</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-lock2-fill"></i> .bi-file-earmark-lock2-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-lock2"></i> .bi-file-earmark-lock2</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-medical-fill"></i> .bi-file-earmark-medical-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-medical"></i> .bi-file-earmark-medical</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-minus-fill"></i> .bi-file-earmark-minus-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-minus"></i> .bi-file-earmark-minus</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-music-fill"></i> .bi-file-earmark-music-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-music"></i> .bi-file-earmark-music</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-person-fill"></i> .bi-file-earmark-person-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-person"></i> .bi-file-earmark-person</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-play-fill"></i> .bi-file-earmark-play-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-play"></i> .bi-file-earmark-play</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-plus-fill"></i> .bi-file-earmark-plus-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-plus"></i> .bi-file-earmark-plus</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-post-fill"></i> .bi-file-earmark-post-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-post"></i> .bi-file-earmark-post</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-ppt-fill"></i> .bi-file-earmark-ppt-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-ppt"></i> .bi-file-earmark-ppt</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-richtext-fill"></i> .bi-file-earmark-richtext-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-richtext"></i> .bi-file-earmark-richtext</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-ruled-fill"></i> .bi-file-earmark-ruled-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-ruled"></i> .bi-file-earmark-ruled</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-slides-fill"></i> .bi-file-earmark-slides-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-slides"></i> .bi-file-earmark-slides</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-spreadsheet-fill"></i> .bi-file-earmark-spreadsheet-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-spreadsheet"></i> .bi-file-earmark-spreadsheet</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-text-fill"></i> .bi-file-earmark-text-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-text"></i> .bi-file-earmark-text</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-word-fill"></i> .bi-file-earmark-word-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-word"></i> .bi-file-earmark-word</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-x-fill"></i> .bi-file-earmark-x-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-x"></i> .bi-file-earmark-x</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-zip-fill"></i> .bi-file-earmark-zip-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-zip"></i> .bi-file-earmark-zip</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark"></i> .bi-file-earmark</div>
        <div class="border"><i class="bi bi-3x bi-file-easel-fill"></i> .bi-file-easel-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-easel"></i> .bi-file-easel</div>
        <div class="border"><i class="bi bi-3x bi-file-excel-fill"></i> .bi-file-excel-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-excel"></i> .bi-file-excel</div>
        <div class="border"><i class="bi bi-3x bi-file-fill"></i> .bi-file-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-font-fill"></i> .bi-file-font-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-font"></i> .bi-file-font</div>
        <div class="border"><i class="bi bi-3x bi-file-image-fill"></i> .bi-file-image-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-image"></i> .bi-file-image</div>
        <div class="border"><i class="bi bi-3x bi-file-lock-fill"></i> .bi-file-lock-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-lock"></i> .bi-file-lock</div>
        <div class="border"><i class="bi bi-3x bi-file-lock2-fill"></i> .bi-file-lock2-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-lock2"></i> .bi-file-lock2</div>
        <div class="border"><i class="bi bi-3x bi-file-medical-fill"></i> .bi-file-medical-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-medical"></i> .bi-file-medical</div>
        <div class="border"><i class="bi bi-3x bi-file-minus-fill"></i> .bi-file-minus-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-minus"></i> .bi-file-minus</div>
        <div class="border"><i class="bi bi-3x bi-file-music-fill"></i> .bi-file-music-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-music"></i> .bi-file-music</div>
        <div class="border"><i class="bi bi-3x bi-file-person-fill"></i> .bi-file-person-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-person"></i> .bi-file-person</div>
        <div class="border"><i class="bi bi-3x bi-file-play-fill"></i> .bi-file-play-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-play"></i> .bi-file-play</div>
        <div class="border"><i class="bi bi-3x bi-file-plus-fill"></i> .bi-file-plus-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-plus"></i> .bi-file-plus</div>
        <div class="border"><i class="bi bi-3x bi-file-post-fill"></i> .bi-file-post-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-post"></i> .bi-file-post</div>
        <div class="border"><i class="bi bi-3x bi-file-ppt-fill"></i> .bi-file-ppt-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-ppt"></i> .bi-file-ppt</div>
        <div class="border"><i class="bi bi-3x bi-file-richtext-fill"></i> .bi-file-richtext-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-richtext"></i> .bi-file-richtext</div>
        <div class="border"><i class="bi bi-3x bi-file-ruled-fill"></i> .bi-file-ruled-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-ruled"></i> .bi-file-ruled</div>
        <div class="border"><i class="bi bi-3x bi-file-slides-fill"></i> .bi-file-slides-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-slides"></i> .bi-file-slides</div>
        <div class="border"><i class="bi bi-3x bi-file-spreadsheet-fill"></i> .bi-file-spreadsheet-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-spreadsheet"></i> .bi-file-spreadsheet</div>
        <div class="border"><i class="bi bi-3x bi-file-text-fill"></i> .bi-file-text-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-text"></i> .bi-file-text</div>
        <div class="border"><i class="bi bi-3x bi-file-word-fill"></i> .bi-file-word-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-word"></i> .bi-file-word</div>
        <div class="border"><i class="bi bi-3x bi-file-x-fill"></i> .bi-file-x-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-x"></i> .bi-file-x</div>
        <div class="border"><i class="bi bi-3x bi-file-zip-fill"></i> .bi-file-zip-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-zip"></i> .bi-file-zip</div>
        <div class="border"><i class="bi bi-3x bi-file"></i> .bi-file</div>
        <div class="border"><i class="bi bi-3x bi-files-alt"></i> .bi-files-alt</div>
        <div class="border"><i class="bi bi-3x bi-files"></i> .bi-files</div>
        <div class="border"><i class="bi bi-3x bi-film"></i> .bi-film</div>
        <div class="border"><i class="bi bi-3x bi-filter-circle-fill"></i> .bi-filter-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-filter-circle"></i> .bi-filter-circle</div>
        <div class="border"><i class="bi bi-3x bi-filter-left"></i> .bi-filter-left</div>
        <div class="border"><i class="bi bi-3x bi-filter-right"></i> .bi-filter-right</div>
        <div class="border"><i class="bi bi-3x bi-filter-square-fill"></i> .bi-filter-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-filter-square"></i> .bi-filter-square</div>
        <div class="border"><i class="bi bi-3x bi-filter"></i> .bi-filter</div>
        <div class="border"><i class="bi bi-3x bi-flag-fill"></i> .bi-flag-fill</div>
        <div class="border"><i class="bi bi-3x bi-flag"></i> .bi-flag</div>
        <div class="border"><i class="bi bi-3x bi-flower1"></i> .bi-flower1</div>
        <div class="border"><i class="bi bi-3x bi-flower2"></i> .bi-flower2</div>
        <div class="border"><i class="bi bi-3x bi-flower3"></i> .bi-flower3</div>
        <div class="border"><i class="bi bi-3x bi-folder-check"></i> .bi-folder-check</div>
        <div class="border"><i class="bi bi-3x bi-folder-fill"></i> .bi-folder-fill</div>
        <div class="border"><i class="bi bi-3x bi-folder-minus"></i> .bi-folder-minus</div>
        <div class="border"><i class="bi bi-3x bi-folder-plus"></i> .bi-folder-plus</div>
        <div class="border"><i class="bi bi-3x bi-folder-symlink-fill"></i> .bi-folder-symlink-fill</div>
        <div class="border"><i class="bi bi-3x bi-folder-symlink"></i> .bi-folder-symlink</div>
        <div class="border"><i class="bi bi-3x bi-folder-x"></i> .bi-folder-x</div>
        <div class="border"><i class="bi bi-3x bi-folder"></i> .bi-folder</div>
        <div class="border"><i class="bi bi-3x bi-folder2-open"></i> .bi-folder2-open</div>
        <div class="border"><i class="bi bi-3x bi-folder2"></i> .bi-folder2</div>
        <div class="border"><i class="bi bi-3x bi-fonts"></i> .bi-fonts</div>
        <div class="border"><i class="bi bi-3x bi-forward-fill"></i> .bi-forward-fill</div>
        <div class="border"><i class="bi bi-3x bi-forward"></i> .bi-forward</div>
        <div class="border"><i class="bi bi-3x bi-front"></i> .bi-front</div>
        <div class="border"><i class="bi bi-3x bi-fullscreen-exit"></i> .bi-fullscreen-exit</div>
        <div class="border"><i class="bi bi-3x bi-fullscreen"></i> .bi-fullscreen</div>
        <div class="border"><i class="bi bi-3x bi-funnel-fill"></i> .bi-funnel-fill</div>
        <div class="border"><i class="bi bi-3x bi-funnel"></i> .bi-funnel</div>
        <div class="border"><i class="bi bi-3x bi-gear-fill"></i> .bi-gear-fill</div>
        <div class="border"><i class="bi bi-3x bi-gear-wide-connected"></i> .bi-gear-wide-connected</div>
        <div class="border"><i class="bi bi-3x bi-gear-wide"></i> .bi-gear-wide</div>
        <div class="border"><i class="bi bi-3x bi-gear"></i> .bi-gear</div>
        <div class="border"><i class="bi bi-3x bi-gem"></i> .bi-gem</div>
        <div class="border"><i class="bi bi-3x bi-geo-alt-fill"></i> .bi-geo-alt-fill</div>
        <div class="border"><i class="bi bi-3x bi-geo-alt"></i> .bi-geo-alt</div>
        <div class="border"><i class="bi bi-3x bi-geo-fill"></i> .bi-geo-fill</div>
        <div class="border"><i class="bi bi-3x bi-geo"></i> .bi-geo</div>
        <div class="border"><i class="bi bi-3x bi-gift-fill"></i> .bi-gift-fill</div>
        <div class="border"><i class="bi bi-3x bi-gift"></i> .bi-gift</div>
        <div class="border"><i class="bi bi-3x bi-github"></i> .bi-github</div>
        <div class="border"><i class="bi bi-3x bi-globe"></i> .bi-globe</div>
        <div class="border"><i class="bi bi-3x bi-globe2"></i> .bi-globe2</div>
        <div class="border"><i class="bi bi-3x bi-google"></i> .bi-google</div>
        <div class="border"><i class="bi bi-3x bi-graph-down"></i> .bi-graph-down</div>
        <div class="border"><i class="bi bi-3x bi-graph-up"></i> .bi-graph-up</div>
        <div class="border"><i class="bi bi-3x bi-grid-1x2-fill"></i> .bi-grid-1x2-fill</div>
        <div class="border"><i class="bi bi-3x bi-grid-1x2"></i> .bi-grid-1x2</div>
        <div class="border"><i class="bi bi-3x bi-grid-3x2-gap-fill"></i> .bi-grid-3x2-gap-fill</div>
        <div class="border"><i class="bi bi-3x bi-grid-3x2-gap"></i> .bi-grid-3x2-gap</div>
        <div class="border"><i class="bi bi-3x bi-grid-3x2"></i> .bi-grid-3x2</div>
        <div class="border"><i class="bi bi-3x bi-grid-3x3-gap-fill"></i> .bi-grid-3x3-gap-fill</div>
        <div class="border"><i class="bi bi-3x bi-grid-3x3-gap"></i> .bi-grid-3x3-gap</div>
        <div class="border"><i class="bi bi-3x bi-grid-3x3"></i> .bi-grid-3x3</div>
        <div class="border"><i class="bi bi-3x bi-grid-fill"></i> .bi-grid-fill</div>
        <div class="border"><i class="bi bi-3x bi-grid"></i> .bi-grid</div>
        <div class="border"><i class="bi bi-3x bi-grip-horizontal"></i> .bi-grip-horizontal</div>
        <div class="border"><i class="bi bi-3x bi-grip-vertical"></i> .bi-grip-vertical</div>
        <div class="border"><i class="bi bi-3x bi-hammer"></i> .bi-hammer</div>
        <div class="border"><i class="bi bi-3x bi-hand-index-fill"></i> .bi-hand-index-fill</div>
        <div class="border"><i class="bi bi-3x bi-hand-index-thumb-fill"></i> .bi-hand-index-thumb-fill</div>
        <div class="border"><i class="bi bi-3x bi-hand-index-thumb"></i> .bi-hand-index-thumb</div>
        <div class="border"><i class="bi bi-3x bi-hand-index"></i> .bi-hand-index</div>
        <div class="border"><i class="bi bi-3x bi-hand-thumbs-down-fill"></i> .bi-hand-thumbs-down-fill</div>
        <div class="border"><i class="bi bi-3x bi-hand-thumbs-down"></i> .bi-hand-thumbs-down</div>
        <div class="border"><i class="bi bi-3x bi-hand-thumbs-up-fill"></i> .bi-hand-thumbs-up-fill</div>
        <div class="border"><i class="bi bi-3x bi-hand-thumbs-up"></i> .bi-hand-thumbs-up</div>
        <div class="border"><i class="bi bi-3x bi-handbag-fill"></i> .bi-handbag-fill</div>
        <div class="border"><i class="bi bi-3x bi-handbag"></i> .bi-handbag</div>
        <div class="border"><i class="bi bi-3x bi-hash"></i> .bi-hash</div>
        <div class="border"><i class="bi bi-3x bi-hdd-fill"></i> .bi-hdd-fill</div>
        <div class="border"><i class="bi bi-3x bi-hdd-network-fill"></i> .bi-hdd-network-fill</div>
        <div class="border"><i class="bi bi-3x bi-hdd-network"></i> .bi-hdd-network</div>
        <div class="border"><i class="bi bi-3x bi-hdd-rack-fill"></i> .bi-hdd-rack-fill</div>
        <div class="border"><i class="bi bi-3x bi-hdd-rack"></i> .bi-hdd-rack</div>
        <div class="border"><i class="bi bi-3x bi-hdd-stack-fill"></i> .bi-hdd-stack-fill</div>
        <div class="border"><i class="bi bi-3x bi-hdd-stack"></i> .bi-hdd-stack</div>
        <div class="border"><i class="bi bi-3x bi-hdd"></i> .bi-hdd</div>
        <div class="border"><i class="bi bi-3x bi-headphones"></i> .bi-headphones</div>
        <div class="border"><i class="bi bi-3x bi-headset"></i> .bi-headset</div>
        <div class="border"><i class="bi bi-3x bi-heart-fill"></i> .bi-heart-fill</div>
        <div class="border"><i class="bi bi-3x bi-heart-half"></i> .bi-heart-half</div>
        <div class="border"><i class="bi bi-3x bi-heart"></i> .bi-heart</div>
        <div class="border"><i class="bi bi-3x bi-heptagon-fill"></i> .bi-heptagon-fill</div>
        <div class="border"><i class="bi bi-3x bi-heptagon-half"></i> .bi-heptagon-half</div>
        <div class="border"><i class="bi bi-3x bi-heptagon"></i> .bi-heptagon</div>
        <div class="border"><i class="bi bi-3x bi-hexagon-fill"></i> .bi-hexagon-fill</div>
        <div class="border"><i class="bi bi-3x bi-hexagon-half"></i> .bi-hexagon-half</div>
        <div class="border"><i class="bi bi-3x bi-hexagon"></i> .bi-hexagon</div>
        <div class="border"><i class="bi bi-3x bi-hourglass-bottom"></i> .bi-hourglass-bottom</div>
        <div class="border"><i class="bi bi-3x bi-hourglass-split"></i> .bi-hourglass-split</div>
        <div class="border"><i class="bi bi-3x bi-hourglass-top"></i> .bi-hourglass-top</div>
        <div class="border"><i class="bi bi-3x bi-hourglass"></i> .bi-hourglass</div>
        <div class="border"><i class="bi bi-3x bi-house-door-fill"></i> .bi-house-door-fill</div>
        <div class="border"><i class="bi bi-3x bi-house-door"></i> .bi-house-door</div>
        <div class="border"><i class="bi bi-3x bi-house-fill"></i> .bi-house-fill</div>
        <div class="border"><i class="bi bi-3x bi-house"></i> .bi-house</div>
        <div class="border"><i class="bi bi-3x bi-hr"></i> .bi-hr</div>
        <div class="border"><i class="bi bi-3x bi-hurricane"></i> .bi-hurricane</div>
        <div class="border"><i class="bi bi-3x bi-image-alt"></i> .bi-image-alt</div>
        <div class="border"><i class="bi bi-3x bi-image-fill"></i> .bi-image-fill</div>
        <div class="border"><i class="bi bi-3x bi-image"></i> .bi-image</div>
        <div class="border"><i class="bi bi-3x bi-images"></i> .bi-images</div>
        <div class="border"><i class="bi bi-3x bi-inbox-fill"></i> .bi-inbox-fill</div>
        <div class="border"><i class="bi bi-3x bi-inbox"></i> .bi-inbox</div>
        <div class="border"><i class="bi bi-3x bi-inboxes-fill"></i> .bi-inboxes-fill</div>
        <div class="border"><i class="bi bi-3x bi-inboxes"></i> .bi-inboxes</div>
        <div class="border"><i class="bi bi-3x bi-info-circle-fill"></i> .bi-info-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-info-circle"></i> .bi-info-circle</div>
        <div class="border"><i class="bi bi-3x bi-info-square-fill"></i> .bi-info-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-info-square"></i> .bi-info-square</div>
        <div class="border"><i class="bi bi-3x bi-info"></i> .bi-info</div>
        <div class="border"><i class="bi bi-3x bi-input-cursor-text"></i> .bi-input-cursor-text</div>
        <div class="border"><i class="bi bi-3x bi-input-cursor"></i> .bi-input-cursor</div>
        <div class="border"><i class="bi bi-3x bi-instagram"></i> .bi-instagram</div>
        <div class="border"><i class="bi bi-3x bi-intersect"></i> .bi-intersect</div>
        <div class="border"><i class="bi bi-3x bi-journal-album"></i> .bi-journal-album</div>
        <div class="border"><i class="bi bi-3x bi-journal-arrow-down"></i> .bi-journal-arrow-down</div>
        <div class="border"><i class="bi bi-3x bi-journal-arrow-up"></i> .bi-journal-arrow-up</div>
        <div class="border"><i class="bi bi-3x bi-journal-bookmark-fill"></i> .bi-journal-bookmark-fill</div>
        <div class="border"><i class="bi bi-3x bi-journal-bookmark"></i> .bi-journal-bookmark</div>
        <div class="border"><i class="bi bi-3x bi-journal-check"></i> .bi-journal-check</div>
        <div class="border"><i class="bi bi-3x bi-journal-code"></i> .bi-journal-code</div>
        <div class="border"><i class="bi bi-3x bi-journal-medical"></i> .bi-journal-medical</div>
        <div class="border"><i class="bi bi-3x bi-journal-minus"></i> .bi-journal-minus</div>
        <div class="border"><i class="bi bi-3x bi-journal-plus"></i> .bi-journal-plus</div>
        <div class="border"><i class="bi bi-3x bi-journal-richtext"></i> .bi-journal-richtext</div>
        <div class="border"><i class="bi bi-3x bi-journal-text"></i> .bi-journal-text</div>
        <div class="border"><i class="bi bi-3x bi-journal-x"></i> .bi-journal-x</div>
        <div class="border"><i class="bi bi-3x bi-journal"></i> .bi-journal</div>
        <div class="border"><i class="bi bi-3x bi-journals"></i> .bi-journals</div>
        <div class="border"><i class="bi bi-3x bi-joystick"></i> .bi-joystick</div>
        <div class="border"><i class="bi bi-3x bi-justify-left"></i> .bi-justify-left</div>
        <div class="border"><i class="bi bi-3x bi-justify-right"></i> .bi-justify-right</div>
        <div class="border"><i class="bi bi-3x bi-justify"></i> .bi-justify</div>
        <div class="border"><i class="bi bi-3x bi-kanban-fill"></i> .bi-kanban-fill</div>
        <div class="border"><i class="bi bi-3x bi-kanban"></i> .bi-kanban</div>
        <div class="border"><i class="bi bi-3x bi-key-fill"></i> .bi-key-fill</div>
        <div class="border"><i class="bi bi-3x bi-key"></i> .bi-key</div>
        <div class="border"><i class="bi bi-3x bi-keyboard-fill"></i> .bi-keyboard-fill</div>
        <div class="border"><i class="bi bi-3x bi-keyboard"></i> .bi-keyboard</div>
        <div class="border"><i class="bi bi-3x bi-ladder"></i> .bi-ladder</div>
        <div class="border"><i class="bi bi-3x bi-lamp-fill"></i> .bi-lamp-fill</div>
        <div class="border"><i class="bi bi-3x bi-lamp"></i> .bi-lamp</div>
        <div class="border"><i class="bi bi-3x bi-laptop-fill"></i> .bi-laptop-fill</div>
        <div class="border"><i class="bi bi-3x bi-laptop"></i> .bi-laptop</div>
        <div class="border"><i class="bi bi-3x bi-layer-backward"></i> .bi-layer-backward</div>
        <div class="border"><i class="bi bi-3x bi-layer-forward"></i> .bi-layer-forward</div>
        <div class="border"><i class="bi bi-3x bi-layers-fill"></i> .bi-layers-fill</div>
        <div class="border"><i class="bi bi-3x bi-layers-half"></i> .bi-layers-half</div>
        <div class="border"><i class="bi bi-3x bi-layers"></i> .bi-layers</div>
        <div class="border"><i class="bi bi-3x bi-layout-sidebar-inset-reverse"></i> .bi-layout-sidebar-inset-reverse</div>
        <div class="border"><i class="bi bi-3x bi-layout-sidebar-inset"></i> .bi-layout-sidebar-inset</div>
        <div class="border"><i class="bi bi-3x bi-layout-sidebar-reverse"></i> .bi-layout-sidebar-reverse</div>
        <div class="border"><i class="bi bi-3x bi-layout-sidebar"></i> .bi-layout-sidebar</div>
        <div class="border"><i class="bi bi-3x bi-layout-split"></i> .bi-layout-split</div>
        <div class="border"><i class="bi bi-3x bi-layout-text-sidebar-reverse"></i> .bi-layout-text-sidebar-reverse</div>
        <div class="border"><i class="bi bi-3x bi-layout-text-sidebar"></i> .bi-layout-text-sidebar</div>
        <div class="border"><i class="bi bi-3x bi-layout-text-window-reverse"></i> .bi-layout-text-window-reverse</div>
        <div class="border"><i class="bi bi-3x bi-layout-text-window"></i> .bi-layout-text-window</div>
        <div class="border"><i class="bi bi-3x bi-layout-three-columns"></i> .bi-layout-three-columns</div>
        <div class="border"><i class="bi bi-3x bi-layout-wtf"></i> .bi-layout-wtf</div>
        <div class="border"><i class="bi bi-3x bi-life-preserver"></i> .bi-life-preserver</div>
        <div class="border"><i class="bi bi-3x bi-lightbulb-fill"></i> .bi-lightbulb-fill</div>
        <div class="border"><i class="bi bi-3x bi-lightbulb-off-fill"></i> .bi-lightbulb-off-fill</div>
        <div class="border"><i class="bi bi-3x bi-lightbulb-off"></i> .bi-lightbulb-off</div>
        <div class="border"><i class="bi bi-3x bi-lightbulb"></i> .bi-lightbulb</div>
        <div class="border"><i class="bi bi-3x bi-lightning-charge-fill"></i> .bi-lightning-charge-fill</div>
        <div class="border"><i class="bi bi-3x bi-lightning-charge"></i> .bi-lightning-charge</div>
        <div class="border"><i class="bi bi-3x bi-lightning-fill"></i> .bi-lightning-fill</div>
        <div class="border"><i class="bi bi-3x bi-lightning"></i> .bi-lightning</div>
        <div class="border"><i class="bi bi-3x bi-link-45deg"></i> .bi-link-45deg</div>
        <div class="border"><i class="bi bi-3x bi-link"></i> .bi-link</div>
        <div class="border"><i class="bi bi-3x bi-linkedin"></i> .bi-linkedin</div>
        <div class="border"><i class="bi bi-3x bi-list-check"></i> .bi-list-check</div>
        <div class="border"><i class="bi bi-3x bi-list-nested"></i> .bi-list-nested</div>
        <div class="border"><i class="bi bi-3x bi-list-ol"></i> .bi-list-ol</div>
        <div class="border"><i class="bi bi-3x bi-list-stars"></i> .bi-list-stars</div>
        <div class="border"><i class="bi bi-3x bi-list-task"></i> .bi-list-task</div>
        <div class="border"><i class="bi bi-3x bi-list-ul"></i> .bi-list-ul</div>
        <div class="border"><i class="bi bi-3x bi-list"></i> .bi-list</div>
        <div class="border"><i class="bi bi-3x bi-lock-fill"></i> .bi-lock-fill</div>
        <div class="border"><i class="bi bi-3x bi-lock"></i> .bi-lock</div>
        <div class="border"><i class="bi bi-3x bi-mailbox"></i> .bi-mailbox</div>
        <div class="border"><i class="bi bi-3x bi-mailbox2"></i> .bi-mailbox2</div>
        <div class="border"><i class="bi bi-3x bi-map-fill"></i> .bi-map-fill</div>
        <div class="border"><i class="bi bi-3x bi-map"></i> .bi-map</div>
        <div class="border"><i class="bi bi-3x bi-markdown-fill"></i> .bi-markdown-fill</div>
        <div class="border"><i class="bi bi-3x bi-markdown"></i> .bi-markdown</div>
        <div class="border"><i class="bi bi-3x bi-mask"></i> .bi-mask</div>
        <div class="border"><i class="bi bi-3x bi-megaphone-fill"></i> .bi-megaphone-fill</div>
        <div class="border"><i class="bi bi-3x bi-megaphone"></i> .bi-megaphone</div>
        <div class="border"><i class="bi bi-3x bi-menu-app-fill"></i> .bi-menu-app-fill</div>
        <div class="border"><i class="bi bi-3x bi-menu-app"></i> .bi-menu-app</div>
        <div class="border"><i class="bi bi-3x bi-menu-button-fill"></i> .bi-menu-button-fill</div>
        <div class="border"><i class="bi bi-3x bi-menu-button-wide-fill"></i> .bi-menu-button-wide-fill</div>
        <div class="border"><i class="bi bi-3x bi-menu-button-wide"></i> .bi-menu-button-wide</div>
        <div class="border"><i class="bi bi-3x bi-menu-button"></i> .bi-menu-button</div>
        <div class="border"><i class="bi bi-3x bi-menu-down"></i> .bi-menu-down</div>
        <div class="border"><i class="bi bi-3x bi-menu-up"></i> .bi-menu-up</div>
        <div class="border"><i class="bi bi-3x bi-mic-fill"></i> .bi-mic-fill</div>
        <div class="border"><i class="bi bi-3x bi-mic-mute-fill"></i> .bi-mic-mute-fill</div>
        <div class="border"><i class="bi bi-3x bi-mic-mute"></i> .bi-mic-mute</div>
        <div class="border"><i class="bi bi-3x bi-mic"></i> .bi-mic</div>
        <div class="border"><i class="bi bi-3x bi-minecart-loaded"></i> .bi-minecart-loaded</div>
        <div class="border"><i class="bi bi-3x bi-minecart"></i> .bi-minecart</div>
        <div class="border"><i class="bi bi-3x bi-moisture"></i> .bi-moisture</div>
        <div class="border"><i class="bi bi-3x bi-moon-fill"></i> .bi-moon-fill</div>
        <div class="border"><i class="bi bi-3x bi-moon-stars-fill"></i> .bi-moon-stars-fill</div>
        <div class="border"><i class="bi bi-3x bi-moon-stars"></i> .bi-moon-stars</div>
        <div class="border"><i class="bi bi-3x bi-moon"></i> .bi-moon</div>
        <div class="border"><i class="bi bi-3x bi-mouse-fill"></i> .bi-mouse-fill</div>
        <div class="border"><i class="bi bi-3x bi-mouse"></i> .bi-mouse</div>
        <div class="border"><i class="bi bi-3x bi-mouse2-fill"></i> .bi-mouse2-fill</div>
        <div class="border"><i class="bi bi-3x bi-mouse2"></i> .bi-mouse2</div>
        <div class="border"><i class="bi bi-3x bi-mouse3-fill"></i> .bi-mouse3-fill</div>
        <div class="border"><i class="bi bi-3x bi-mouse3"></i> .bi-mouse3</div>
        <div class="border"><i class="bi bi-3x bi-music-note-beamed"></i> .bi-music-note-beamed</div>
        <div class="border"><i class="bi bi-3x bi-music-note-list"></i> .bi-music-note-list</div>
        <div class="border"><i class="bi bi-3x bi-music-note"></i> .bi-music-note</div>
        <div class="border"><i class="bi bi-3x bi-music-player-fill"></i> .bi-music-player-fill</div>
        <div class="border"><i class="bi bi-3x bi-music-player"></i> .bi-music-player</div>
        <div class="border"><i class="bi bi-3x bi-newspaper"></i> .bi-newspaper</div>
        <div class="border"><i class="bi bi-3x bi-node-minus-fill"></i> .bi-node-minus-fill</div>
        <div class="border"><i class="bi bi-3x bi-node-minus"></i> .bi-node-minus</div>
        <div class="border"><i class="bi bi-3x bi-node-plus-fill"></i> .bi-node-plus-fill</div>
        <div class="border"><i class="bi bi-3x bi-node-plus"></i> .bi-node-plus</div>
        <div class="border"><i class="bi bi-3x bi-nut-fill"></i> .bi-nut-fill</div>
        <div class="border"><i class="bi bi-3x bi-nut"></i> .bi-nut</div>
        <div class="border"><i class="bi bi-3x bi-octagon-fill"></i> .bi-octagon-fill</div>
        <div class="border"><i class="bi bi-3x bi-octagon-half"></i> .bi-octagon-half</div>
        <div class="border"><i class="bi bi-3x bi-octagon"></i> .bi-octagon</div>
        <div class="border"><i class="bi bi-3x bi-option"></i> .bi-option</div>
        <div class="border"><i class="bi bi-3x bi-outlet"></i> .bi-outlet</div>
        <div class="border"><i class="bi bi-3x bi-paint-bucket"></i> .bi-paint-bucket</div>
        <div class="border"><i class="bi bi-3x bi-palette-fill"></i> .bi-palette-fill</div>
        <div class="border"><i class="bi bi-3x bi-palette"></i> .bi-palette</div>
        <div class="border"><i class="bi bi-3x bi-palette2"></i> .bi-palette2</div>
        <div class="border"><i class="bi bi-3x bi-paperclip"></i> .bi-paperclip</div>
        <div class="border"><i class="bi bi-3x bi-paragraph"></i> .bi-paragraph</div>
        <div class="border"><i class="bi bi-3x bi-patch-check-fill"></i> .bi-patch-check-fill</div>
        <div class="border"><i class="bi bi-3x bi-patch-check"></i> .bi-patch-check</div>
        <div class="border"><i class="bi bi-3x bi-patch-exclamation-fill"></i> .bi-patch-exclamation-fill</div>
        <div class="border"><i class="bi bi-3x bi-patch-exclamation"></i> .bi-patch-exclamation</div>
        <div class="border"><i class="bi bi-3x bi-patch-minus-fill"></i> .bi-patch-minus-fill</div>
        <div class="border"><i class="bi bi-3x bi-patch-minus"></i> .bi-patch-minus</div>
        <div class="border"><i class="bi bi-3x bi-patch-plus-fill"></i> .bi-patch-plus-fill</div>
        <div class="border"><i class="bi bi-3x bi-patch-plus"></i> .bi-patch-plus</div>
        <div class="border"><i class="bi bi-3x bi-patch-question-fill"></i> .bi-patch-question-fill</div>
        <div class="border"><i class="bi bi-3x bi-patch-question"></i> .bi-patch-question</div>
        <div class="border"><i class="bi bi-3x bi-pause-btn-fill"></i> .bi-pause-btn-fill</div>
        <div class="border"><i class="bi bi-3x bi-pause-btn"></i> .bi-pause-btn</div>
        <div class="border"><i class="bi bi-3x bi-pause-circle-fill"></i> .bi-pause-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-pause-circle"></i> .bi-pause-circle</div>
        <div class="border"><i class="bi bi-3x bi-pause-fill"></i> .bi-pause-fill</div>
        <div class="border"><i class="bi bi-3x bi-pause"></i> .bi-pause</div>
        <div class="border"><i class="bi bi-3x bi-peace-fill"></i> .bi-peace-fill</div>
        <div class="border"><i class="bi bi-3x bi-peace"></i> .bi-peace</div>
        <div class="border"><i class="bi bi-3x bi-pen-fill"></i> .bi-pen-fill</div>
        <div class="border"><i class="bi bi-3x bi-pen"></i> .bi-pen</div>
        <div class="border"><i class="bi bi-3x bi-pencil-fill"></i> .bi-pencil-fill</div>
        <div class="border"><i class="bi bi-3x bi-pencil-square"></i> .bi-pencil-square</div>
        <div class="border"><i class="bi bi-3x bi-pencil"></i> .bi-pencil</div>
        <div class="border"><i class="bi bi-3x bi-pentagon-fill"></i> .bi-pentagon-fill</div>
        <div class="border"><i class="bi bi-3x bi-pentagon-half"></i> .bi-pentagon-half</div>
        <div class="border"><i class="bi bi-3x bi-pentagon"></i> .bi-pentagon</div>
        <div class="border"><i class="bi bi-3x bi-people-fill"></i> .bi-people-fill</div>
        <div class="border"><i class="bi bi-3x bi-people"></i> .bi-people</div>
        <div class="border"><i class="bi bi-3x bi-percent"></i> .bi-percent</div>
        <div class="border"><i class="bi bi-3x bi-person-badge-fill"></i> .bi-person-badge-fill</div>
        <div class="border"><i class="bi bi-3x bi-person-badge"></i> .bi-person-badge</div>
        <div class="border"><i class="bi bi-3x bi-person-bounding-box"></i> .bi-person-bounding-box</div>
        <div class="border"><i class="bi bi-3x bi-person-check-fill"></i> .bi-person-check-fill</div>
        <div class="border"><i class="bi bi-3x bi-person-check"></i> .bi-person-check</div>
        <div class="border"><i class="bi bi-3x bi-person-circle"></i> .bi-person-circle</div>
        <div class="border"><i class="bi bi-3x bi-person-dash-fill"></i> .bi-person-dash-fill</div>
        <div class="border"><i class="bi bi-3x bi-person-dash"></i> .bi-person-dash</div>
        <div class="border"><i class="bi bi-3x bi-person-fill"></i> .bi-person-fill</div>
        <div class="border"><i class="bi bi-3x bi-person-lines-fill"></i> .bi-person-lines-fill</div>
        <div class="border"><i class="bi bi-3x bi-person-plus-fill"></i> .bi-person-plus-fill</div>
        <div class="border"><i class="bi bi-3x bi-person-plus"></i> .bi-person-plus</div>
        <div class="border"><i class="bi bi-3x bi-person-square"></i> .bi-person-square</div>
        <div class="border"><i class="bi bi-3x bi-person-x-fill"></i> .bi-person-x-fill</div>
        <div class="border"><i class="bi bi-3x bi-person-x"></i> .bi-person-x</div>
        <div class="border"><i class="bi bi-3x bi-person"></i> .bi-person</div>
        <div class="border"><i class="bi bi-3x bi-phone-fill"></i> .bi-phone-fill</div>
        <div class="border"><i class="bi bi-3x bi-phone-landscape-fill"></i> .bi-phone-landscape-fill</div>
        <div class="border"><i class="bi bi-3x bi-phone-landscape"></i> .bi-phone-landscape</div>
        <div class="border"><i class="bi bi-3x bi-phone-vibrate-fill"></i> .bi-phone-vibrate-fill</div>
        <div class="border"><i class="bi bi-3x bi-phone-vibrate"></i> .bi-phone-vibrate</div>
        <div class="border"><i class="bi bi-3x bi-phone"></i> .bi-phone</div>
        <div class="border"><i class="bi bi-3x bi-pie-chart-fill"></i> .bi-pie-chart-fill</div>
        <div class="border"><i class="bi bi-3x bi-pie-chart"></i> .bi-pie-chart</div>
        <div class="border"><i class="bi bi-3x bi-pin-angle-fill"></i> .bi-pin-angle-fill</div>
        <div class="border"><i class="bi bi-3x bi-pin-angle"></i> .bi-pin-angle</div>
        <div class="border"><i class="bi bi-3x bi-pin-fill"></i> .bi-pin-fill</div>
        <div class="border"><i class="bi bi-3x bi-pin"></i> .bi-pin</div>
        <div class="border"><i class="bi bi-3x bi-pip-fill"></i> .bi-pip-fill</div>
        <div class="border"><i class="bi bi-3x bi-pip"></i> .bi-pip</div>
        <div class="border"><i class="bi bi-3x bi-play-btn-fill"></i> .bi-play-btn-fill</div>
        <div class="border"><i class="bi bi-3x bi-play-btn"></i> .bi-play-btn</div>
        <div class="border"><i class="bi bi-3x bi-play-circle-fill"></i> .bi-play-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-play-circle"></i> .bi-play-circle</div>
        <div class="border"><i class="bi bi-3x bi-play-fill"></i> .bi-play-fill</div>
        <div class="border"><i class="bi bi-3x bi-play"></i> .bi-play</div>
        <div class="border"><i class="bi bi-3x bi-plug-fill"></i> .bi-plug-fill</div>
        <div class="border"><i class="bi bi-3x bi-plug"></i> .bi-plug</div>
        <div class="border"><i class="bi bi-3x bi-plus-circle-dotted"></i> .bi-plus-circle-dotted</div>
        <div class="border"><i class="bi bi-3x bi-plus-circle-fill"></i> .bi-plus-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-plus-circle"></i> .bi-plus-circle</div>
        <div class="border"><i class="bi bi-3x bi-plus-square-dotted"></i> .bi-plus-square-dotted</div>
        <div class="border"><i class="bi bi-3x bi-plus-square-fill"></i> .bi-plus-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-plus-square"></i> .bi-plus-square</div>
        <div class="border"><i class="bi bi-3x bi-plus"></i> .bi-plus</div>
        <div class="border"><i class="bi bi-3x bi-power"></i> .bi-power</div>
        <div class="border"><i class="bi bi-3x bi-printer-fill"></i> .bi-printer-fill</div>
        <div class="border"><i class="bi bi-3x bi-printer"></i> .bi-printer</div>
        <div class="border"><i class="bi bi-3x bi-puzzle-fill"></i> .bi-puzzle-fill</div>
        <div class="border"><i class="bi bi-3x bi-puzzle"></i> .bi-puzzle</div>
        <div class="border"><i class="bi bi-3x bi-question-circle-fill"></i> .bi-question-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-question-circle"></i> .bi-question-circle</div>
        <div class="border"><i class="bi bi-3x bi-question-diamond-fill"></i> .bi-question-diamond-fill</div>
        <div class="border"><i class="bi bi-3x bi-question-diamond"></i> .bi-question-diamond</div>
        <div class="border"><i class="bi bi-3x bi-question-octagon-fill"></i> .bi-question-octagon-fill</div>
        <div class="border"><i class="bi bi-3x bi-question-octagon"></i> .bi-question-octagon</div>
        <div class="border"><i class="bi bi-3x bi-question-square-fill"></i> .bi-question-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-question-square"></i> .bi-question-square</div>
        <div class="border"><i class="bi bi-3x bi-question"></i> .bi-question</div>
        <div class="border"><i class="bi bi-3x bi-rainbow"></i> .bi-rainbow</div>
        <div class="border"><i class="bi bi-3x bi-receipt-cutoff"></i> .bi-receipt-cutoff</div>
        <div class="border"><i class="bi bi-3x bi-receipt"></i> .bi-receipt</div>
        <div class="border"><i class="bi bi-3x bi-reception-0"></i> .bi-reception-0</div>
        <div class="border"><i class="bi bi-3x bi-reception-1"></i> .bi-reception-1</div>
        <div class="border"><i class="bi bi-3x bi-reception-2"></i> .bi-reception-2</div>
        <div class="border"><i class="bi bi-3x bi-reception-3"></i> .bi-reception-3</div>
        <div class="border"><i class="bi bi-3x bi-reception-4"></i> .bi-reception-4</div>
        <div class="border"><i class="bi bi-3x bi-record-btn-fill"></i> .bi-record-btn-fill</div>
        <div class="border"><i class="bi bi-3x bi-record-btn"></i> .bi-record-btn</div>
        <div class="border"><i class="bi bi-3x bi-record-circle-fill"></i> .bi-record-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-record-circle"></i> .bi-record-circle</div>
        <div class="border"><i class="bi bi-3x bi-record-fill"></i> .bi-record-fill</div>
        <div class="border"><i class="bi bi-3x bi-record"></i> .bi-record</div>
        <div class="border"><i class="bi bi-3x bi-record2-fill"></i> .bi-record2-fill</div>
        <div class="border"><i class="bi bi-3x bi-record2"></i> .bi-record2</div>
        <div class="border"><i class="bi bi-3x bi-reply-all-fill"></i> .bi-reply-all-fill</div>
        <div class="border"><i class="bi bi-3x bi-reply-all"></i> .bi-reply-all</div>
        <div class="border"><i class="bi bi-3x bi-reply-fill"></i> .bi-reply-fill</div>
        <div class="border"><i class="bi bi-3x bi-reply"></i> .bi-reply</div>
        <div class="border"><i class="bi bi-3x bi-rss-fill"></i> .bi-rss-fill</div>
        <div class="border"><i class="bi bi-3x bi-rss"></i> .bi-rss</div>
        <div class="border"><i class="bi bi-3x bi-rulers"></i> .bi-rulers</div>
        <div class="border"><i class="bi bi-3x bi-save-fill"></i> .bi-save-fill</div>
        <div class="border"><i class="bi bi-3x bi-save"></i> .bi-save</div>
        <div class="border"><i class="bi bi-3x bi-save2-fill"></i> .bi-save2-fill</div>
        <div class="border"><i class="bi bi-3x bi-save2"></i> .bi-save2</div>
        <div class="border"><i class="bi bi-3x bi-scissors"></i> .bi-scissors</div>
        <div class="border"><i class="bi bi-3x bi-screwdriver"></i> .bi-screwdriver</div>
        <div class="border"><i class="bi bi-3x bi-search"></i> .bi-search</div>
        <div class="border"><i class="bi bi-3x bi-segmented-nav"></i> .bi-segmented-nav</div>
        <div class="border"><i class="bi bi-3x bi-server"></i> .bi-server</div>
        <div class="border"><i class="bi bi-3x bi-share-fill"></i> .bi-share-fill</div>
        <div class="border"><i class="bi bi-3x bi-share"></i> .bi-share</div>
        <div class="border"><i class="bi bi-3x bi-shield-check"></i> .bi-shield-check</div>
        <div class="border"><i class="bi bi-3x bi-shield-exclamation"></i> .bi-shield-exclamation</div>
        <div class="border"><i class="bi bi-3x bi-shield-fill-check"></i> .bi-shield-fill-check</div>
        <div class="border"><i class="bi bi-3x bi-shield-fill-exclamation"></i> .bi-shield-fill-exclamation</div>
        <div class="border"><i class="bi bi-3x bi-shield-fill-minus"></i> .bi-shield-fill-minus</div>
        <div class="border"><i class="bi bi-3x bi-shield-fill-plus"></i> .bi-shield-fill-plus</div>
        <div class="border"><i class="bi bi-3x bi-shield-fill-x"></i> .bi-shield-fill-x</div>
        <div class="border"><i class="bi bi-3x bi-shield-fill"></i> .bi-shield-fill</div>
        <div class="border"><i class="bi bi-3x bi-shield-lock-fill"></i> .bi-shield-lock-fill</div>
        <div class="border"><i class="bi bi-3x bi-shield-lock"></i> .bi-shield-lock</div>
        <div class="border"><i class="bi bi-3x bi-shield-minus"></i> .bi-shield-minus</div>
        <div class="border"><i class="bi bi-3x bi-shield-plus"></i> .bi-shield-plus</div>
        <div class="border"><i class="bi bi-3x bi-shield-shaded"></i> .bi-shield-shaded</div>
        <div class="border"><i class="bi bi-3x bi-shield-slash-fill"></i> .bi-shield-slash-fill</div>
        <div class="border"><i class="bi bi-3x bi-shield-slash"></i> .bi-shield-slash</div>
        <div class="border"><i class="bi bi-3x bi-shield-x"></i> .bi-shield-x</div>
        <div class="border"><i class="bi bi-3x bi-shield"></i> .bi-shield</div>
        <div class="border"><i class="bi bi-3x bi-shift-fill"></i> .bi-shift-fill</div>
        <div class="border"><i class="bi bi-3x bi-shift"></i> .bi-shift</div>
        <div class="border"><i class="bi bi-3x bi-shop-window"></i> .bi-shop-window</div>
        <div class="border"><i class="bi bi-3x bi-shop"></i> .bi-shop</div>
        <div class="border"><i class="bi bi-3x bi-shuffle"></i> .bi-shuffle</div>
        <div class="border"><i class="bi bi-3x bi-signpost-2-fill"></i> .bi-signpost-2-fill</div>
        <div class="border"><i class="bi bi-3x bi-signpost-2"></i> .bi-signpost-2</div>
        <div class="border"><i class="bi bi-3x bi-signpost-fill"></i> .bi-signpost-fill</div>
        <div class="border"><i class="bi bi-3x bi-signpost-split-fill"></i> .bi-signpost-split-fill</div>
        <div class="border"><i class="bi bi-3x bi-signpost-split"></i> .bi-signpost-split</div>
        <div class="border"><i class="bi bi-3x bi-signpost"></i> .bi-signpost</div>
        <div class="border"><i class="bi bi-3x bi-sim-fill"></i> .bi-sim-fill</div>
        <div class="border"><i class="bi bi-3x bi-sim"></i> .bi-sim</div>
        <div class="border"><i class="bi bi-3x bi-skip-backward-btn-fill"></i> .bi-skip-backward-btn-fill</div>
        <div class="border"><i class="bi bi-3x bi-skip-backward-btn"></i> .bi-skip-backward-btn</div>
        <div class="border"><i class="bi bi-3x bi-skip-backward-circle-fill"></i> .bi-skip-backward-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-skip-backward-circle"></i> .bi-skip-backward-circle</div>
        <div class="border"><i class="bi bi-3x bi-skip-backward-fill"></i> .bi-skip-backward-fill</div>
        <div class="border"><i class="bi bi-3x bi-skip-backward"></i> .bi-skip-backward</div>
        <div class="border"><i class="bi bi-3x bi-skip-end-btn-fill"></i> .bi-skip-end-btn-fill</div>
        <div class="border"><i class="bi bi-3x bi-skip-end-btn"></i> .bi-skip-end-btn</div>
        <div class="border"><i class="bi bi-3x bi-skip-end-circle-fill"></i> .bi-skip-end-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-skip-end-circle"></i> .bi-skip-end-circle</div>
        <div class="border"><i class="bi bi-3x bi-skip-end-fill"></i> .bi-skip-end-fill</div>
        <div class="border"><i class="bi bi-3x bi-skip-end"></i> .bi-skip-end</div>
        <div class="border"><i class="bi bi-3x bi-skip-forward-btn-fill"></i> .bi-skip-forward-btn-fill</div>
        <div class="border"><i class="bi bi-3x bi-skip-forward-btn"></i> .bi-skip-forward-btn</div>
        <div class="border"><i class="bi bi-3x bi-skip-forward-circle-fill"></i> .bi-skip-forward-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-skip-forward-circle"></i> .bi-skip-forward-circle</div>
        <div class="border"><i class="bi bi-3x bi-skip-forward-fill"></i> .bi-skip-forward-fill</div>
        <div class="border"><i class="bi bi-3x bi-skip-forward"></i> .bi-skip-forward</div>
        <div class="border"><i class="bi bi-3x bi-skip-start-btn-fill"></i> .bi-skip-start-btn-fill</div>
        <div class="border"><i class="bi bi-3x bi-skip-start-btn"></i> .bi-skip-start-btn</div>
        <div class="border"><i class="bi bi-3x bi-skip-start-circle-fill"></i> .bi-skip-start-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-skip-start-circle"></i> .bi-skip-start-circle</div>
        <div class="border"><i class="bi bi-3x bi-skip-start-fill"></i> .bi-skip-start-fill</div>
        <div class="border"><i class="bi bi-3x bi-skip-start"></i> .bi-skip-start</div>
        <div class="border"><i class="bi bi-3x bi-slack"></i> .bi-slack</div>
        <div class="border"><i class="bi bi-3x bi-slash-circle-fill"></i> .bi-slash-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-slash-circle"></i> .bi-slash-circle</div>
        <div class="border"><i class="bi bi-3x bi-slash-square-fill"></i> .bi-slash-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-slash-square"></i> .bi-slash-square</div>
        <div class="border"><i class="bi bi-3x bi-slash"></i> .bi-slash</div>
        <div class="border"><i class="bi bi-3x bi-sliders"></i> .bi-sliders</div>
        <div class="border"><i class="bi bi-3x bi-smartwatch"></i> .bi-smartwatch</div>
        <div class="border"><i class="bi bi-3x bi-snow"></i> .bi-snow</div>
        <div class="border"><i class="bi bi-3x bi-snow2"></i> .bi-snow2</div>
        <div class="border"><i class="bi bi-3x bi-snow3"></i> .bi-snow3</div>
        <div class="border"><i class="bi bi-3x bi-sort-alpha-down-alt"></i> .bi-sort-alpha-down-alt</div>
        <div class="border"><i class="bi bi-3x bi-sort-alpha-down"></i> .bi-sort-alpha-down</div>
        <div class="border"><i class="bi bi-3x bi-sort-alpha-up-alt"></i> .bi-sort-alpha-up-alt</div>
        <div class="border"><i class="bi bi-3x bi-sort-alpha-up"></i> .bi-sort-alpha-up</div>
        <div class="border"><i class="bi bi-3x bi-sort-down-alt"></i> .bi-sort-down-alt</div>
        <div class="border"><i class="bi bi-3x bi-sort-down"></i> .bi-sort-down</div>
        <div class="border"><i class="bi bi-3x bi-sort-numeric-down-alt"></i> .bi-sort-numeric-down-alt</div>
        <div class="border"><i class="bi bi-3x bi-sort-numeric-down"></i> .bi-sort-numeric-down</div>
        <div class="border"><i class="bi bi-3x bi-sort-numeric-up-alt"></i> .bi-sort-numeric-up-alt</div>
        <div class="border"><i class="bi bi-3x bi-sort-numeric-up"></i> .bi-sort-numeric-up</div>
        <div class="border"><i class="bi bi-3x bi-sort-up-alt"></i> .bi-sort-up-alt</div>
        <div class="border"><i class="bi bi-3x bi-sort-up"></i> .bi-sort-up</div>
        <div class="border"><i class="bi bi-3x bi-soundwave"></i> .bi-soundwave</div>
        <div class="border"><i class="bi bi-3x bi-speaker-fill"></i> .bi-speaker-fill</div>
        <div class="border"><i class="bi bi-3x bi-speaker"></i> .bi-speaker</div>
        <div class="border"><i class="bi bi-3x bi-speedometer"></i> .bi-speedometer</div>
        <div class="border"><i class="bi bi-3x bi-speedometer2"></i> .bi-speedometer2</div>
        <div class="border"><i class="bi bi-3x bi-spellcheck"></i> .bi-spellcheck</div>
        <div class="border"><i class="bi bi-3x bi-square-fill"></i> .bi-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-square-half"></i> .bi-square-half</div>
        <div class="border"><i class="bi bi-3x bi-square"></i> .bi-square</div>
        <div class="border"><i class="bi bi-3x bi-stack"></i> .bi-stack</div>
        <div class="border"><i class="bi bi-3x bi-star-fill"></i> .bi-star-fill</div>
        <div class="border"><i class="bi bi-3x bi-star-half"></i> .bi-star-half</div>
        <div class="border"><i class="bi bi-3x bi-star"></i> .bi-star</div>
        <div class="border"><i class="bi bi-3x bi-stars"></i> .bi-stars</div>
        <div class="border"><i class="bi bi-3x bi-stickies-fill"></i> .bi-stickies-fill</div>
        <div class="border"><i class="bi bi-3x bi-stickies"></i> .bi-stickies</div>
        <div class="border"><i class="bi bi-3x bi-sticky-fill"></i> .bi-sticky-fill</div>
        <div class="border"><i class="bi bi-3x bi-sticky"></i> .bi-sticky</div>
        <div class="border"><i class="bi bi-3x bi-stop-btn-fill"></i> .bi-stop-btn-fill</div>
        <div class="border"><i class="bi bi-3x bi-stop-btn"></i> .bi-stop-btn</div>
        <div class="border"><i class="bi bi-3x bi-stop-circle-fill"></i> .bi-stop-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-stop-circle"></i> .bi-stop-circle</div>
        <div class="border"><i class="bi bi-3x bi-stop-fill"></i> .bi-stop-fill</div>
        <div class="border"><i class="bi bi-3x bi-stop"></i> .bi-stop</div>
        <div class="border"><i class="bi bi-3x bi-stoplights-fill"></i> .bi-stoplights-fill</div>
        <div class="border"><i class="bi bi-3x bi-stoplights"></i> .bi-stoplights</div>
        <div class="border"><i class="bi bi-3x bi-stopwatch-fill"></i> .bi-stopwatch-fill</div>
        <div class="border"><i class="bi bi-3x bi-stopwatch"></i> .bi-stopwatch</div>
        <div class="border"><i class="bi bi-3x bi-subtract"></i> .bi-subtract</div>
        <div class="border"><i class="bi bi-3x bi-suit-club-fill"></i> .bi-suit-club-fill</div>
        <div class="border"><i class="bi bi-3x bi-suit-club"></i> .bi-suit-club</div>
        <div class="border"><i class="bi bi-3x bi-suit-diamond-fill"></i> .bi-suit-diamond-fill</div>
        <div class="border"><i class="bi bi-3x bi-suit-diamond"></i> .bi-suit-diamond</div>
        <div class="border"><i class="bi bi-3x bi-suit-heart-fill"></i> .bi-suit-heart-fill</div>
        <div class="border"><i class="bi bi-3x bi-suit-heart"></i> .bi-suit-heart</div>
        <div class="border"><i class="bi bi-3x bi-suit-spade-fill"></i> .bi-suit-spade-fill</div>
        <div class="border"><i class="bi bi-3x bi-suit-spade"></i> .bi-suit-spade</div>
        <div class="border"><i class="bi bi-3x bi-sun-fill"></i> .bi-sun-fill</div>
        <div class="border"><i class="bi bi-3x bi-sun"></i> .bi-sun</div>
        <div class="border"><i class="bi bi-3x bi-sunglasses"></i> .bi-sunglasses</div>
        <div class="border"><i class="bi bi-3x bi-sunrise-fill"></i> .bi-sunrise-fill</div>
        <div class="border"><i class="bi bi-3x bi-sunrise"></i> .bi-sunrise</div>
        <div class="border"><i class="bi bi-3x bi-sunset-fill"></i> .bi-sunset-fill</div>
        <div class="border"><i class="bi bi-3x bi-sunset"></i> .bi-sunset</div>
        <div class="border"><i class="bi bi-3x bi-symmetry-horizontal"></i> .bi-symmetry-horizontal</div>
        <div class="border"><i class="bi bi-3x bi-symmetry-vertical"></i> .bi-symmetry-vertical</div>
        <div class="border"><i class="bi bi-3x bi-table"></i> .bi-table</div>
        <div class="border"><i class="bi bi-3x bi-tablet-fill"></i> .bi-tablet-fill</div>
        <div class="border"><i class="bi bi-3x bi-tablet-landscape-fill"></i> .bi-tablet-landscape-fill</div>
        <div class="border"><i class="bi bi-3x bi-tablet-landscape"></i> .bi-tablet-landscape</div>
        <div class="border"><i class="bi bi-3x bi-tablet"></i> .bi-tablet</div>
        <div class="border"><i class="bi bi-3x bi-tag-fill"></i> .bi-tag-fill</div>
        <div class="border"><i class="bi bi-3x bi-tag"></i> .bi-tag</div>
        <div class="border"><i class="bi bi-3x bi-tags-fill"></i> .bi-tags-fill</div>
        <div class="border"><i class="bi bi-3x bi-tags"></i> .bi-tags</div>
        <div class="border"><i class="bi bi-3x bi-telegram"></i> .bi-telegram</div>
        <div class="border"><i class="bi bi-3x bi-telephone-fill"></i> .bi-telephone-fill</div>
        <div class="border"><i class="bi bi-3x bi-telephone-forward-fill"></i> .bi-telephone-forward-fill</div>
        <div class="border"><i class="bi bi-3x bi-telephone-forward"></i> .bi-telephone-forward</div>
        <div class="border"><i class="bi bi-3x bi-telephone-inbound-fill"></i> .bi-telephone-inbound-fill</div>
        <div class="border"><i class="bi bi-3x bi-telephone-inbound"></i> .bi-telephone-inbound</div>
        <div class="border"><i class="bi bi-3x bi-telephone-minus-fill"></i> .bi-telephone-minus-fill</div>
        <div class="border"><i class="bi bi-3x bi-telephone-minus"></i> .bi-telephone-minus</div>
        <div class="border"><i class="bi bi-3x bi-telephone-outbound-fill"></i> .bi-telephone-outbound-fill</div>
        <div class="border"><i class="bi bi-3x bi-telephone-outbound"></i> .bi-telephone-outbound</div>
        <div class="border"><i class="bi bi-3x bi-telephone-plus-fill"></i> .bi-telephone-plus-fill</div>
        <div class="border"><i class="bi bi-3x bi-telephone-plus"></i> .bi-telephone-plus</div>
        <div class="border"><i class="bi bi-3x bi-telephone-x-fill"></i> .bi-telephone-x-fill</div>
        <div class="border"><i class="bi bi-3x bi-telephone-x"></i> .bi-telephone-x</div>
        <div class="border"><i class="bi bi-3x bi-telephone"></i> .bi-telephone</div>
        <div class="border"><i class="bi bi-3x bi-terminal-fill"></i> .bi-terminal-fill</div>
        <div class="border"><i class="bi bi-3x bi-terminal"></i> .bi-terminal</div>
        <div class="border"><i class="bi bi-3x bi-text-center"></i> .bi-text-center</div>
        <div class="border"><i class="bi bi-3x bi-text-indent-left"></i> .bi-text-indent-left</div>
        <div class="border"><i class="bi bi-3x bi-text-indent-right"></i> .bi-text-indent-right</div>
        <div class="border"><i class="bi bi-3x bi-text-left"></i> .bi-text-left</div>
        <div class="border"><i class="bi bi-3x bi-text-paragraph"></i> .bi-text-paragraph</div>
        <div class="border"><i class="bi bi-3x bi-text-right"></i> .bi-text-right</div>
        <div class="border"><i class="bi bi-3x bi-textarea-resize"></i> .bi-textarea-resize</div>
        <div class="border"><i class="bi bi-3x bi-textarea-t"></i> .bi-textarea-t</div>
        <div class="border"><i class="bi bi-3x bi-textarea"></i> .bi-textarea</div>
        <div class="border"><i class="bi bi-3x bi-thermometer-half"></i> .bi-thermometer-half</div>
        <div class="border"><i class="bi bi-3x bi-thermometer-high"></i> .bi-thermometer-high</div>
        <div class="border"><i class="bi bi-3x bi-thermometer-low"></i> .bi-thermometer-low</div>
        <div class="border"><i class="bi bi-3x bi-thermometer-snow"></i> .bi-thermometer-snow</div>
        <div class="border"><i class="bi bi-3x bi-thermometer-sun"></i> .bi-thermometer-sun</div>
        <div class="border"><i class="bi bi-3x bi-thermometer"></i> .bi-thermometer</div>
        <div class="border"><i class="bi bi-3x bi-three-dots-vertical"></i> .bi-three-dots-vertical</div>
        <div class="border"><i class="bi bi-3x bi-three-dots"></i> .bi-three-dots</div>
        <div class="border"><i class="bi bi-3x bi-toggle-off"></i> .bi-toggle-off</div>
        <div class="border"><i class="bi bi-3x bi-toggle-on"></i> .bi-toggle-on</div>
        <div class="border"><i class="bi bi-3x bi-toggle2-off"></i> .bi-toggle2-off</div>
        <div class="border"><i class="bi bi-3x bi-toggle2-on"></i> .bi-toggle2-on</div>
        <div class="border"><i class="bi bi-3x bi-toggles"></i> .bi-toggles</div>
        <div class="border"><i class="bi bi-3x bi-toggles2"></i> .bi-toggles2</div>
        <div class="border"><i class="bi bi-3x bi-tools"></i> .bi-tools</div>
        <div class="border"><i class="bi bi-3x bi-tornado"></i> .bi-tornado</div>
        <div class="border"><i class="bi bi-3x bi-trash-fill"></i> .bi-trash-fill</div>
        <div class="border"><i class="bi bi-3x bi-trash"></i> .bi-trash</div>
        <div class="border"><i class="bi bi-3x bi-trash2-fill"></i> .bi-trash2-fill</div>
        <div class="border"><i class="bi bi-3x bi-trash2"></i> .bi-trash2</div>
        <div class="border"><i class="bi bi-3x bi-tree-fill"></i> .bi-tree-fill</div>
        <div class="border"><i class="bi bi-3x bi-tree"></i> .bi-tree</div>
        <div class="border"><i class="bi bi-3x bi-triangle-fill"></i> .bi-triangle-fill</div>
        <div class="border"><i class="bi bi-3x bi-triangle-half"></i> .bi-triangle-half</div>
        <div class="border"><i class="bi bi-3x bi-triangle"></i> .bi-triangle</div>
        <div class="border"><i class="bi bi-3x bi-trophy-fill"></i> .bi-trophy-fill</div>
        <div class="border"><i class="bi bi-3x bi-trophy"></i> .bi-trophy</div>
        <div class="border"><i class="bi bi-3x bi-tropical-storm"></i> .bi-tropical-storm</div>
        <div class="border"><i class="bi bi-3x bi-truck-flatbed"></i> .bi-truck-flatbed</div>
        <div class="border"><i class="bi bi-3x bi-truck"></i> .bi-truck</div>
        <div class="border"><i class="bi bi-3x bi-tsunami"></i> .bi-tsunami</div>
        <div class="border"><i class="bi bi-3x bi-tv-fill"></i> .bi-tv-fill</div>
        <div class="border"><i class="bi bi-3x bi-tv"></i> .bi-tv</div>
        <div class="border"><i class="bi bi-3x bi-twitch"></i> .bi-twitch</div>
        <div class="border"><i class="bi bi-3x bi-twitter"></i> .bi-twitter</div>
        <div class="border"><i class="bi bi-3x bi-type-bold"></i> .bi-type-bold</div>
        <div class="border"><i class="bi bi-3x bi-type-h1"></i> .bi-type-h1</div>
        <div class="border"><i class="bi bi-3x bi-type-h2"></i> .bi-type-h2</div>
        <div class="border"><i class="bi bi-3x bi-type-h3"></i> .bi-type-h3</div>
        <div class="border"><i class="bi bi-3x bi-type-italic"></i> .bi-type-italic</div>
        <div class="border"><i class="bi bi-3x bi-type-strikethrough"></i> .bi-type-strikethrough</div>
        <div class="border"><i class="bi bi-3x bi-type-underline"></i> .bi-type-underline</div>
        <div class="border"><i class="bi bi-3x bi-type"></i> .bi-type</div>
        <div class="border"><i class="bi bi-3x bi-ui-checks-grid"></i> .bi-ui-checks-grid</div>
        <div class="border"><i class="bi bi-3x bi-ui-checks"></i> .bi-ui-checks</div>
        <div class="border"><i class="bi bi-3x bi-ui-radios-grid"></i> .bi-ui-radios-grid</div>
        <div class="border"><i class="bi bi-3x bi-ui-radios"></i> .bi-ui-radios</div>
        <div class="border"><i class="bi bi-3x bi-umbrella-fill"></i> .bi-umbrella-fill</div>
        <div class="border"><i class="bi bi-3x bi-umbrella"></i> .bi-umbrella</div>
        <div class="border"><i class="bi bi-3x bi-union"></i> .bi-union</div>
        <div class="border"><i class="bi bi-3x bi-unlock-fill"></i> .bi-unlock-fill</div>
        <div class="border"><i class="bi bi-3x bi-unlock"></i> .bi-unlock</div>
        <div class="border"><i class="bi bi-3x bi-upc-scan"></i> .bi-upc-scan</div>
        <div class="border"><i class="bi bi-3x bi-upc"></i> .bi-upc</div>
        <div class="border"><i class="bi bi-3x bi-upload"></i> .bi-upload</div>
        <div class="border"><i class="bi bi-3x bi-vector-pen"></i> .bi-vector-pen</div>
        <div class="border"><i class="bi bi-3x bi-view-list"></i> .bi-view-list</div>
        <div class="border"><i class="bi bi-3x bi-view-stacked"></i> .bi-view-stacked</div>
        <div class="border"><i class="bi bi-3x bi-vinyl-fill"></i> .bi-vinyl-fill</div>
        <div class="border"><i class="bi bi-3x bi-vinyl"></i> .bi-vinyl</div>
        <div class="border"><i class="bi bi-3x bi-voicemail"></i> .bi-voicemail</div>
        <div class="border"><i class="bi bi-3x bi-volume-down-fill"></i> .bi-volume-down-fill</div>
        <div class="border"><i class="bi bi-3x bi-volume-down"></i> .bi-volume-down</div>
        <div class="border"><i class="bi bi-3x bi-volume-mute-fill"></i> .bi-volume-mute-fill</div>
        <div class="border"><i class="bi bi-3x bi-volume-mute"></i> .bi-volume-mute</div>
        <div class="border"><i class="bi bi-3x bi-volume-off-fill"></i> .bi-volume-off-fill</div>
        <div class="border"><i class="bi bi-3x bi-volume-off"></i> .bi-volume-off</div>
        <div class="border"><i class="bi bi-3x bi-volume-up-fill"></i> .bi-volume-up-fill</div>
        <div class="border"><i class="bi bi-3x bi-volume-up"></i> .bi-volume-up</div>
        <div class="border"><i class="bi bi-3x bi-vr"></i> .bi-vr</div>
        <div class="border"><i class="bi bi-3x bi-wallet-fill"></i> .bi-wallet-fill</div>
        <div class="border"><i class="bi bi-3x bi-wallet"></i> .bi-wallet</div>
        <div class="border"><i class="bi bi-3x bi-wallet2"></i> .bi-wallet2</div>
        <div class="border"><i class="bi bi-3x bi-watch"></i> .bi-watch</div>
        <div class="border"><i class="bi bi-3x bi-water"></i> .bi-water</div>
        <div class="border"><i class="bi bi-3x bi-whatsapp"></i> .bi-whatsapp</div>
        <div class="border"><i class="bi bi-3x bi-wifi-1"></i> .bi-wifi-1</div>
        <div class="border"><i class="bi bi-3x bi-wifi-2"></i> .bi-wifi-2</div>
        <div class="border"><i class="bi bi-3x bi-wifi-off"></i> .bi-wifi-off</div>
        <div class="border"><i class="bi bi-3x bi-wifi"></i> .bi-wifi</div>
        <div class="border"><i class="bi bi-3x bi-wind"></i> .bi-wind</div>
        <div class="border"><i class="bi bi-3x bi-window-dock"></i> .bi-window-dock</div>
        <div class="border"><i class="bi bi-3x bi-window-sidebar"></i> .bi-window-sidebar</div>
        <div class="border"><i class="bi bi-3x bi-window"></i> .bi-window</div>
        <div class="border"><i class="bi bi-3x bi-wrench"></i> .bi-wrench</div>
        <div class="border"><i class="bi bi-3x bi-x-circle-fill"></i> .bi-x-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-x-circle"></i> .bi-x-circle</div>
        <div class="border"><i class="bi bi-3x bi-x-diamond-fill"></i> .bi-x-diamond-fill</div>
        <div class="border"><i class="bi bi-3x bi-x-diamond"></i> .bi-x-diamond</div>
        <div class="border"><i class="bi bi-3x bi-x-octagon-fill"></i> .bi-x-octagon-fill</div>
        <div class="border"><i class="bi bi-3x bi-x-octagon"></i> .bi-x-octagon</div>
        <div class="border"><i class="bi bi-3x bi-x-square-fill"></i> .bi-x-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-x-square"></i> .bi-x-square</div>
        <div class="border"><i class="bi bi-3x bi-x"></i> .bi-x</div>
        <div class="border"><i class="bi bi-3x bi-youtube"></i> .bi-youtube</div>
        <div class="border"><i class="bi bi-3x bi-zoom-in"></i> .bi-zoom-in</div>
        <div class="border"><i class="bi bi-3x bi-zoom-out"></i> .bi-zoom-out</div>
        <div class="border"><i class="bi bi-3x bi-bank"></i> .bi-bank</div>
        <div class="border"><i class="bi bi-3x bi-bank2"></i> .bi-bank2</div>
        <div class="border"><i class="bi bi-3x bi-bell-slash-fill"></i> .bi-bell-slash-fill</div>
        <div class="border"><i class="bi bi-3x bi-bell-slash"></i> .bi-bell-slash</div>
        <div class="border"><i class="bi bi-3x bi-cash-coin"></i> .bi-cash-coin</div>
        <div class="border"><i class="bi bi-3x bi-check-lg"></i> .bi-check-lg</div>
        <div class="border"><i class="bi bi-3x bi-coin"></i> .bi-coin</div>
        <div class="border"><i class="bi bi-3x bi-currency-bitcoin"></i> .bi-currency-bitcoin</div>
        <div class="border"><i class="bi bi-3x bi-currency-dollar"></i> .bi-currency-dollar</div>
        <div class="border"><i class="bi bi-3x bi-currency-euro"></i> .bi-currency-euro</div>
        <div class="border"><i class="bi bi-3x bi-currency-exchange"></i> .bi-currency-exchange</div>
        <div class="border"><i class="bi bi-3x bi-currency-pound"></i> .bi-currency-pound</div>
        <div class="border"><i class="bi bi-3x bi-currency-yen"></i> .bi-currency-yen</div>
        <div class="border"><i class="bi bi-3x bi-dash-lg"></i> .bi-dash-lg</div>
        <div class="border"><i class="bi bi-3x bi-exclamation-lg"></i> .bi-exclamation-lg</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-pdf-fill"></i> .bi-file-earmark-pdf-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-earmark-pdf"></i> .bi-file-earmark-pdf</div>
        <div class="border"><i class="bi bi-3x bi-file-pdf-fill"></i> .bi-file-pdf-fill</div>
        <div class="border"><i class="bi bi-3x bi-file-pdf"></i> .bi-file-pdf</div>
        <div class="border"><i class="bi bi-3x bi-gender-ambiguous"></i> .bi-gender-ambiguous</div>
        <div class="border"><i class="bi bi-3x bi-gender-female"></i> .bi-gender-female</div>
        <div class="border"><i class="bi bi-3x bi-gender-male"></i> .bi-gender-male</div>
        <div class="border"><i class="bi bi-3x bi-gender-trans"></i> .bi-gender-trans</div>
        <div class="border"><i class="bi bi-3x bi-headset-vr"></i> .bi-headset-vr</div>
        <div class="border"><i class="bi bi-3x bi-info-lg"></i> .bi-info-lg</div>
        <div class="border"><i class="bi bi-3x bi-mastodon"></i> .bi-mastodon</div>
        <div class="border"><i class="bi bi-3x bi-messenger"></i> .bi-messenger</div>
        <div class="border"><i class="bi bi-3x bi-piggy-bank-fill"></i> .bi-piggy-bank-fill</div>
        <div class="border"><i class="bi bi-3x bi-piggy-bank"></i> .bi-piggy-bank</div>
        <div class="border"><i class="bi bi-3x bi-pin-map-fill"></i> .bi-pin-map-fill</div>
        <div class="border"><i class="bi bi-3x bi-pin-map"></i> .bi-pin-map</div>
        <div class="border"><i class="bi bi-3x bi-plus-lg"></i> .bi-plus-lg</div>
        <div class="border"><i class="bi bi-3x bi-question-lg"></i> .bi-question-lg</div>
        <div class="border"><i class="bi bi-3x bi-recycle"></i> .bi-recycle</div>
        <div class="border"><i class="bi bi-3x bi-reddit"></i> .bi-reddit</div>
        <div class="border"><i class="bi bi-3x bi-safe-fill"></i> .bi-safe-fill</div>
        <div class="border"><i class="bi bi-3x bi-safe2-fill"></i> .bi-safe2-fill</div>
        <div class="border"><i class="bi bi-3x bi-safe2"></i> .bi-safe2</div>
        <div class="border"><i class="bi bi-3x bi-sd-card-fill"></i> .bi-sd-card-fill</div>
        <div class="border"><i class="bi bi-3x bi-sd-card"></i> .bi-sd-card</div>
        <div class="border"><i class="bi bi-3x bi-skype"></i> .bi-skype</div>
        <div class="border"><i class="bi bi-3x bi-slash-lg"></i> .bi-slash-lg</div>
        <div class="border"><i class="bi bi-3x bi-translate"></i> .bi-translate</div>
        <div class="border"><i class="bi bi-3x bi-x-lg"></i> .bi-x-lg</div>
        <div class="border"><i class="bi bi-3x bi-safe"></i> .bi-safe</div>
        <div class="border"><i class="bi bi-3x bi-apple"></i> .bi-apple</div>
        <div class="border"><i class="bi bi-3x bi-microsoft"></i> .bi-microsoft</div>
        <div class="border"><i class="bi bi-3x bi-windows"></i> .bi-windows</div>
        <div class="border"><i class="bi bi-3x bi-behance"></i> .bi-behance</div>
        <div class="border"><i class="bi bi-3x bi-dribbble"></i> .bi-dribbble</div>
        <div class="border"><i class="bi bi-3x bi-line"></i> .bi-line</div>
        <div class="border"><i class="bi bi-3x bi-medium"></i> .bi-medium</div>
        <div class="border"><i class="bi bi-3x bi-paypal"></i> .bi-paypal</div>
        <div class="border"><i class="bi bi-3x bi-pinterest"></i> .bi-pinterest</div>
        <div class="border"><i class="bi bi-3x bi-signal"></i> .bi-signal</div>
        <div class="border"><i class="bi bi-3x bi-snapchat"></i> .bi-snapchat</div>
        <div class="border"><i class="bi bi-3x bi-spotify"></i> .bi-spotify</div>
        <div class="border"><i class="bi bi-3x bi-stack-overflow"></i> .bi-stack-overflow</div>
        <div class="border"><i class="bi bi-3x bi-strava"></i> .bi-strava</div>
        <div class="border"><i class="bi bi-3x bi-wordpress"></i> .bi-wordpress</div>
        <div class="border"><i class="bi bi-3x bi-vimeo"></i> .bi-vimeo</div>
        <div class="border"><i class="bi bi-3x bi-activity"></i> .bi-activity</div>
        <div class="border"><i class="bi bi-3x bi-easel2-fill"></i> .bi-easel2-fill</div>
        <div class="border"><i class="bi bi-3x bi-easel2"></i> .bi-easel2</div>
        <div class="border"><i class="bi bi-3x bi-easel3-fill"></i> .bi-easel3-fill</div>
        <div class="border"><i class="bi bi-3x bi-easel3"></i> .bi-easel3</div>
        <div class="border"><i class="bi bi-3x bi-fan"></i> .bi-fan</div>
        <div class="border"><i class="bi bi-3x bi-fingerprint"></i> .bi-fingerprint</div>
        <div class="border"><i class="bi bi-3x bi-graph-down-arrow"></i> .bi-graph-down-arrow</div>
        <div class="border"><i class="bi bi-3x bi-graph-up-arrow"></i> .bi-graph-up-arrow</div>
        <div class="border"><i class="bi bi-3x bi-hypnotize"></i> .bi-hypnotize</div>
        <div class="border"><i class="bi bi-3x bi-magic"></i> .bi-magic</div>
        <div class="border"><i class="bi bi-3x bi-person-rolodex"></i> .bi-person-rolodex</div>
        <div class="border"><i class="bi bi-3x bi-person-video"></i> .bi-person-video</div>
        <div class="border"><i class="bi bi-3x bi-person-video2"></i> .bi-person-video2</div>
        <div class="border"><i class="bi bi-3x bi-person-video3"></i> .bi-person-video3</div>
        <div class="border"><i class="bi bi-3x bi-person-workspace"></i> .bi-person-workspace</div>
        <div class="border"><i class="bi bi-3x bi-radioactive"></i> .bi-radioactive</div>
        <div class="border"><i class="bi bi-3x bi-webcam-fill"></i> .bi-webcam-fill</div>
        <div class="border"><i class="bi bi-3x bi-webcam"></i> .bi-webcam</div>
        <div class="border"><i class="bi bi-3x bi-yin-yang"></i> .bi-yin-yang</div>
        <div class="border"><i class="bi bi-3x bi-bandaid-fill"></i> .bi-bandaid-fill</div>
        <div class="border"><i class="bi bi-3x bi-bandaid"></i> .bi-bandaid</div>
        <div class="border"><i class="bi bi-3x bi-bluetooth"></i> .bi-bluetooth</div>
        <div class="border"><i class="bi bi-3x bi-body-text"></i> .bi-body-text</div>
        <div class="border"><i class="bi bi-3x bi-boombox"></i> .bi-boombox</div>
        <div class="border"><i class="bi bi-3x bi-boxes"></i> .bi-boxes</div>
        <div class="border"><i class="bi bi-3x bi-dpad-fill"></i> .bi-dpad-fill</div>
        <div class="border"><i class="bi bi-3x bi-dpad"></i> .bi-dpad</div>
        <div class="border"><i class="bi bi-3x bi-ear-fill"></i> .bi-ear-fill</div>
        <div class="border"><i class="bi bi-3x bi-ear"></i> .bi-ear</div>
        <div class="border"><i class="bi bi-3x bi-envelope-check-1"></i> .bi-envelope-check-1</div>
        <div class="border"><i class="bi bi-3x bi-envelope-check-fill"></i> .bi-envelope-check-fill</div>
        <div class="border"><i class="bi bi-3x bi-envelope-check"></i> .bi-envelope-check</div>
        <div class="border"><i class="bi bi-3x bi-envelope-dash-1"></i> .bi-envelope-dash-1</div>
        <div class="border"><i class="bi bi-3x bi-envelope-dash-fill"></i> .bi-envelope-dash-fill</div>
        <div class="border"><i class="bi bi-3x bi-envelope-dash"></i> .bi-envelope-dash</div>
        <div class="border"><i class="bi bi-3x bi-envelope-exclamation-1"></i> .bi-envelope-exclamation-1</div>
        <div class="border"><i class="bi bi-3x bi-envelope-exclamation-fill"></i> .bi-envelope-exclamation-fill</div>
        <div class="border"><i class="bi bi-3x bi-envelope-exclamation"></i> .bi-envelope-exclamation</div>
        <div class="border"><i class="bi bi-3x bi-envelope-plus-fill"></i> .bi-envelope-plus-fill</div>
        <div class="border"><i class="bi bi-3x bi-envelope-plus"></i> .bi-envelope-plus</div>
        <div class="border"><i class="bi bi-3x bi-envelope-slash-1"></i> .bi-envelope-slash-1</div>
        <div class="border"><i class="bi bi-3x bi-envelope-slash-fill"></i> .bi-envelope-slash-fill</div>
        <div class="border"><i class="bi bi-3x bi-envelope-slash"></i> .bi-envelope-slash</div>
        <div class="border"><i class="bi bi-3x bi-envelope-x-1"></i> .bi-envelope-x-1</div>
        <div class="border"><i class="bi bi-3x bi-envelope-x-fill"></i> .bi-envelope-x-fill</div>
        <div class="border"><i class="bi bi-3x bi-envelope-x"></i> .bi-envelope-x</div>
        <div class="border"><i class="bi bi-3x bi-explicit-fill"></i> .bi-explicit-fill</div>
        <div class="border"><i class="bi bi-3x bi-explicit"></i> .bi-explicit</div>
        <div class="border"><i class="bi bi-3x bi-git"></i> .bi-git</div>
        <div class="border"><i class="bi bi-3x bi-infinity"></i> .bi-infinity</div>
        <div class="border"><i class="bi bi-3x bi-list-columns-reverse"></i> .bi-list-columns-reverse</div>
        <div class="border"><i class="bi bi-3x bi-list-columns"></i> .bi-list-columns</div>
        <div class="border"><i class="bi bi-3x bi-meta"></i> .bi-meta</div>
        <div class="border"><i class="bi bi-3x bi-mortorboard-fill"></i> .bi-mortorboard-fill</div>
        <div class="border"><i class="bi bi-3x bi-mortorboard"></i> .bi-mortorboard</div>
        <div class="border"><i class="bi bi-3x bi-nintendo-switch"></i> .bi-nintendo-switch</div>
        <div class="border"><i class="bi bi-3x bi-pc-display-horizontal"></i> .bi-pc-display-horizontal</div>
        <div class="border"><i class="bi bi-3x bi-pc-display"></i> .bi-pc-display</div>
        <div class="border"><i class="bi bi-3x bi-pc-horizontal"></i> .bi-pc-horizontal</div>
        <div class="border"><i class="bi bi-3x bi-pc"></i> .bi-pc</div>
        <div class="border"><i class="bi bi-3x bi-playstation"></i> .bi-playstation</div>
        <div class="border"><i class="bi bi-3x bi-plus-slash-minus"></i> .bi-plus-slash-minus</div>
        <div class="border"><i class="bi bi-3x bi-projector-fill"></i> .bi-projector-fill</div>
        <div class="border"><i class="bi bi-3x bi-projector"></i> .bi-projector</div>
        <div class="border"><i class="bi bi-3x bi-qr-code-scan"></i> .bi-qr-code-scan</div>
        <div class="border"><i class="bi bi-3x bi-qr-code"></i> .bi-qr-code</div>
        <div class="border"><i class="bi bi-3x bi-quora"></i> .bi-quora</div>
        <div class="border"><i class="bi bi-3x bi-quote"></i> .bi-quote</div>
        <div class="border"><i class="bi bi-3x bi-robot"></i> .bi-robot</div>
        <div class="border"><i class="bi bi-3x bi-send-check-fill"></i> .bi-send-check-fill</div>
        <div class="border"><i class="bi bi-3x bi-send-check"></i> .bi-send-check</div>
        <div class="border"><i class="bi bi-3x bi-send-dash-fill"></i> .bi-send-dash-fill</div>
        <div class="border"><i class="bi bi-3x bi-send-dash"></i> .bi-send-dash</div>
        <div class="border"><i class="bi bi-3x bi-send-exclamation-1"></i> .bi-send-exclamation-1</div>
        <div class="border"><i class="bi bi-3x bi-send-exclamation-fill"></i> .bi-send-exclamation-fill</div>
        <div class="border"><i class="bi bi-3x bi-send-exclamation"></i> .bi-send-exclamation</div>
        <div class="border"><i class="bi bi-3x bi-send-fill"></i> .bi-send-fill</div>
        <div class="border"><i class="bi bi-3x bi-send-plus-fill"></i> .bi-send-plus-fill</div>
        <div class="border"><i class="bi bi-3x bi-send-plus"></i> .bi-send-plus</div>
        <div class="border"><i class="bi bi-3x bi-send-slash-fill"></i> .bi-send-slash-fill</div>
        <div class="border"><i class="bi bi-3x bi-send-slash"></i> .bi-send-slash</div>
        <div class="border"><i class="bi bi-3x bi-send-x-fill"></i> .bi-send-x-fill</div>
        <div class="border"><i class="bi bi-3x bi-send-x"></i> .bi-send-x</div>
        <div class="border"><i class="bi bi-3x bi-send"></i> .bi-send</div>
        <div class="border"><i class="bi bi-3x bi-steam"></i> .bi-steam</div>
        <div class="border"><i class="bi bi-3x bi-terminal-dash-1"></i> .bi-terminal-dash-1</div>
        <div class="border"><i class="bi bi-3x bi-terminal-dash"></i> .bi-terminal-dash</div>
        <div class="border"><i class="bi bi-3x bi-terminal-plus"></i> .bi-terminal-plus</div>
        <div class="border"><i class="bi bi-3x bi-terminal-split"></i> .bi-terminal-split</div>
        <div class="border"><i class="bi bi-3x bi-ticket-detailed-fill"></i> .bi-ticket-detailed-fill</div>
        <div class="border"><i class="bi bi-3x bi-ticket-detailed"></i> .bi-ticket-detailed</div>
        <div class="border"><i class="bi bi-3x bi-ticket-fill"></i> .bi-ticket-fill</div>
        <div class="border"><i class="bi bi-3x bi-ticket-perforated-fill"></i> .bi-ticket-perforated-fill</div>
        <div class="border"><i class="bi bi-3x bi-ticket-perforated"></i> .bi-ticket-perforated</div>
        <div class="border"><i class="bi bi-3x bi-ticket"></i> .bi-ticket</div>
        <div class="border"><i class="bi bi-3x bi-tiktok"></i> .bi-tiktok</div>
        <div class="border"><i class="bi bi-3x bi-window-dash"></i> .bi-window-dash</div>
        <div class="border"><i class="bi bi-3x bi-window-desktop"></i> .bi-window-desktop</div>
        <div class="border"><i class="bi bi-3x bi-window-fullscreen"></i> .bi-window-fullscreen</div>
        <div class="border"><i class="bi bi-3x bi-window-plus"></i> .bi-window-plus</div>
        <div class="border"><i class="bi bi-3x bi-window-split"></i> .bi-window-split</div>
        <div class="border"><i class="bi bi-3x bi-window-stack"></i> .bi-window-stack</div>
        <div class="border"><i class="bi bi-3x bi-window-x"></i> .bi-window-x</div>
        <div class="border"><i class="bi bi-3x bi-xbox"></i> .bi-xbox</div>
        <div class="border"><i class="bi bi-3x bi-ethernet"></i> .bi-ethernet</div>
        <div class="border"><i class="bi bi-3x bi-hdmi-fill"></i> .bi-hdmi-fill</div>
        <div class="border"><i class="bi bi-3x bi-hdmi"></i> .bi-hdmi</div>
        <div class="border"><i class="bi bi-3x bi-usb-c-fill"></i> .bi-usb-c-fill</div>
        <div class="border"><i class="bi bi-3x bi-usb-c"></i> .bi-usb-c</div>
        <div class="border"><i class="bi bi-3x bi-usb-fill"></i> .bi-usb-fill</div>
        <div class="border"><i class="bi bi-3x bi-usb-plug-fill"></i> .bi-usb-plug-fill</div>
        <div class="border"><i class="bi bi-3x bi-usb-plug"></i> .bi-usb-plug</div>
        <div class="border"><i class="bi bi-3x bi-usb-symbol"></i> .bi-usb-symbol</div>
        <div class="border"><i class="bi bi-3x bi-usb"></i> .bi-usb</div>
        <div class="border"><i class="bi bi-3x bi-boombox-fill"></i> .bi-boombox-fill</div>
        <div class="border"><i class="bi bi-3x bi-displayport-1"></i> .bi-displayport-1</div>
        <div class="border"><i class="bi bi-3x bi-displayport"></i> .bi-displayport</div>
        <div class="border"><i class="bi bi-3x bi-gpu-card"></i> .bi-gpu-card</div>
        <div class="border"><i class="bi bi-3x bi-memory"></i> .bi-memory</div>
        <div class="border"><i class="bi bi-3x bi-modem-fill"></i> .bi-modem-fill</div>
        <div class="border"><i class="bi bi-3x bi-modem"></i> .bi-modem</div>
        <div class="border"><i class="bi bi-3x bi-motherboard-fill"></i> .bi-motherboard-fill</div>
        <div class="border"><i class="bi bi-3x bi-motherboard"></i> .bi-motherboard</div>
        <div class="border"><i class="bi bi-3x bi-optical-audio-fill"></i> .bi-optical-audio-fill</div>
        <div class="border"><i class="bi bi-3x bi-optical-audio"></i> .bi-optical-audio</div>
        <div class="border"><i class="bi bi-3x bi-pci-card"></i> .bi-pci-card</div>
        <div class="border"><i class="bi bi-3x bi-router-fill"></i> .bi-router-fill</div>
        <div class="border"><i class="bi bi-3x bi-router"></i> .bi-router</div>
        <div class="border"><i class="bi bi-3x bi-ssd-fill"></i> .bi-ssd-fill</div>
        <div class="border"><i class="bi bi-3x bi-ssd"></i> .bi-ssd</div>
        <div class="border"><i class="bi bi-3x bi-thunderbolt-fill"></i> .bi-thunderbolt-fill</div>
        <div class="border"><i class="bi bi-3x bi-thunderbolt"></i> .bi-thunderbolt</div>
        <div class="border"><i class="bi bi-3x bi-usb-drive-fill"></i> .bi-usb-drive-fill</div>
        <div class="border"><i class="bi bi-3x bi-usb-drive"></i> .bi-usb-drive</div>
        <div class="border"><i class="bi bi-3x bi-usb-micro-fill"></i> .bi-usb-micro-fill</div>
        <div class="border"><i class="bi bi-3x bi-usb-micro"></i> .bi-usb-micro</div>
        <div class="border"><i class="bi bi-3x bi-usb-mini-fill"></i> .bi-usb-mini-fill</div>
        <div class="border"><i class="bi bi-3x bi-usb-mini"></i> .bi-usb-mini</div>
        <div class="border"><i class="bi bi-3x bi-cloud-haze2"></i> .bi-cloud-haze2</div>
        <div class="border"><i class="bi bi-3x bi-device-hdd-fill"></i> .bi-device-hdd-fill</div>
        <div class="border"><i class="bi bi-3x bi-device-hdd"></i> .bi-device-hdd</div>
        <div class="border"><i class="bi bi-3x bi-device-ssd-fill"></i> .bi-device-ssd-fill</div>
        <div class="border"><i class="bi bi-3x bi-device-ssd"></i> .bi-device-ssd</div>
        <div class="border"><i class="bi bi-3x bi-displayport-fill"></i> .bi-displayport-fill</div>
        <div class="border"><i class="bi bi-3x bi-mortarboard-fill"></i> .bi-mortarboard-fill</div>
        <div class="border"><i class="bi bi-3x bi-mortarboard"></i> .bi-mortarboard</div>
        <div class="border"><i class="bi bi-3x bi-terminal-x"></i> .bi-terminal-x</div>
        <div class="border"><i class="bi bi-3x bi-arrow-through-heart-fill"></i> .bi-arrow-through-heart-fill</div>
        <div class="border"><i class="bi bi-3x bi-arrow-through-heart"></i> .bi-arrow-through-heart</div>
        <div class="border"><i class="bi bi-3x bi-badge-sd-fill"></i> .bi-badge-sd-fill</div>
        <div class="border"><i class="bi bi-3x bi-badge-sd"></i> .bi-badge-sd</div>
        <div class="border"><i class="bi bi-3x bi-bag-heart-fill"></i> .bi-bag-heart-fill</div>
        <div class="border"><i class="bi bi-3x bi-bag-heart"></i> .bi-bag-heart</div>
        <div class="border"><i class="bi bi-3x bi-balloon-fill"></i> .bi-balloon-fill</div>
        <div class="border"><i class="bi bi-3x bi-balloon-heart-fill"></i> .bi-balloon-heart-fill</div>
        <div class="border"><i class="bi bi-3x bi-balloon-heart"></i> .bi-balloon-heart</div>
        <div class="border"><i class="bi bi-3x bi-balloon"></i> .bi-balloon</div>
        <div class="border"><i class="bi bi-3x bi-box2-fill"></i> .bi-box2-fill</div>
        <div class="border"><i class="bi bi-3x bi-box2-heart-fill"></i> .bi-box2-heart-fill</div>
        <div class="border"><i class="bi bi-3x bi-box2-heart"></i> .bi-box2-heart</div>
        <div class="border"><i class="bi bi-3x bi-box2"></i> .bi-box2</div>
        <div class="border"><i class="bi bi-3x bi-braces-asterisk"></i> .bi-braces-asterisk</div>
        <div class="border"><i class="bi bi-3x bi-calendar-heart-fill"></i> .bi-calendar-heart-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar-heart"></i> .bi-calendar-heart</div>
        <div class="border"><i class="bi bi-3x bi-calendar2-heart-fill"></i> .bi-calendar2-heart-fill</div>
        <div class="border"><i class="bi bi-3x bi-calendar2-heart"></i> .bi-calendar2-heart</div>
        <div class="border"><i class="bi bi-3x bi-chat-heart-fill"></i> .bi-chat-heart-fill</div>
        <div class="border"><i class="bi bi-3x bi-chat-heart"></i> .bi-chat-heart</div>
        <div class="border"><i class="bi bi-3x bi-chat-left-heart-fill"></i> .bi-chat-left-heart-fill</div>
        <div class="border"><i class="bi bi-3x bi-chat-left-heart"></i> .bi-chat-left-heart</div>
        <div class="border"><i class="bi bi-3x bi-chat-right-heart-fill"></i> .bi-chat-right-heart-fill</div>
        <div class="border"><i class="bi bi-3x bi-chat-right-heart"></i> .bi-chat-right-heart</div>
        <div class="border"><i class="bi bi-3x bi-chat-square-heart-fill"></i> .bi-chat-square-heart-fill</div>
        <div class="border"><i class="bi bi-3x bi-chat-square-heart"></i> .bi-chat-square-heart</div>
        <div class="border"><i class="bi bi-3x bi-clipboard-check-fill"></i> .bi-clipboard-check-fill</div>
        <div class="border"><i class="bi bi-3x bi-clipboard-data-fill"></i> .bi-clipboard-data-fill</div>
        <div class="border"><i class="bi bi-3x bi-clipboard-fill"></i> .bi-clipboard-fill</div>
        <div class="border"><i class="bi bi-3x bi-clipboard-heart-fill"></i> .bi-clipboard-heart-fill</div>
        <div class="border"><i class="bi bi-3x bi-clipboard-heart"></i> .bi-clipboard-heart</div>
        <div class="border"><i class="bi bi-3x bi-clipboard-minus-fill"></i> .bi-clipboard-minus-fill</div>
        <div class="border"><i class="bi bi-3x bi-clipboard-plus-fill"></i> .bi-clipboard-plus-fill</div>
        <div class="border"><i class="bi bi-3x bi-clipboard-pulse"></i> .bi-clipboard-pulse</div>
        <div class="border"><i class="bi bi-3x bi-clipboard-x-fill"></i> .bi-clipboard-x-fill</div>
        <div class="border"><i class="bi bi-3x bi-clipboard2-check-fill"></i> .bi-clipboard2-check-fill</div>
        <div class="border"><i class="bi bi-3x bi-clipboard2-check"></i> .bi-clipboard2-check</div>
        <div class="border"><i class="bi bi-3x bi-clipboard2-data-fill"></i> .bi-clipboard2-data-fill</div>
        <div class="border"><i class="bi bi-3x bi-clipboard2-data"></i> .bi-clipboard2-data</div>
        <div class="border"><i class="bi bi-3x bi-clipboard2-fill"></i> .bi-clipboard2-fill</div>
        <div class="border"><i class="bi bi-3x bi-clipboard2-heart-fill"></i> .bi-clipboard2-heart-fill</div>
        <div class="border"><i class="bi bi-3x bi-clipboard2-heart"></i> .bi-clipboard2-heart</div>
        <div class="border"><i class="bi bi-3x bi-clipboard2-minus-fill"></i> .bi-clipboard2-minus-fill</div>
        <div class="border"><i class="bi bi-3x bi-clipboard2-minus"></i> .bi-clipboard2-minus</div>
        <div class="border"><i class="bi bi-3x bi-clipboard2-plus-fill"></i> .bi-clipboard2-plus-fill</div>
        <div class="border"><i class="bi bi-3x bi-clipboard2-plus"></i> .bi-clipboard2-plus</div>
        <div class="border"><i class="bi bi-3x bi-clipboard2-pulse-fill"></i> .bi-clipboard2-pulse-fill</div>
        <div class="border"><i class="bi bi-3x bi-clipboard2-pulse"></i> .bi-clipboard2-pulse</div>
        <div class="border"><i class="bi bi-3x bi-clipboard2-x-fill"></i> .bi-clipboard2-x-fill</div>
        <div class="border"><i class="bi bi-3x bi-clipboard2-x"></i> .bi-clipboard2-x</div>
        <div class="border"><i class="bi bi-3x bi-clipboard2"></i> .bi-clipboard2</div>
        <div class="border"><i class="bi bi-3x bi-emoji-kiss-fill"></i> .bi-emoji-kiss-fill</div>
        <div class="border"><i class="bi bi-3x bi-emoji-kiss"></i> .bi-emoji-kiss</div>
        <div class="border"><i class="bi bi-3x bi-envelope-heart-fill"></i> .bi-envelope-heart-fill</div>
        <div class="border"><i class="bi bi-3x bi-envelope-heart"></i> .bi-envelope-heart</div>
        <div class="border"><i class="bi bi-3x bi-envelope-open-heart-fill"></i> .bi-envelope-open-heart-fill</div>
        <div class="border"><i class="bi bi-3x bi-envelope-open-heart"></i> .bi-envelope-open-heart</div>
        <div class="border"><i class="bi bi-3x bi-envelope-paper-fill"></i> .bi-envelope-paper-fill</div>
        <div class="border"><i class="bi bi-3x bi-envelope-paper-heart-fill"></i> .bi-envelope-paper-heart-fill</div>
        <div class="border"><i class="bi bi-3x bi-envelope-paper-heart"></i> .bi-envelope-paper-heart</div>
        <div class="border"><i class="bi bi-3x bi-envelope-paper"></i> .bi-envelope-paper</div>
        <div class="border"><i class="bi bi-3x bi-filetype-aac"></i> .bi-filetype-aac</div>
        <div class="border"><i class="bi bi-3x bi-filetype-ai"></i> .bi-filetype-ai</div>
        <div class="border"><i class="bi bi-3x bi-filetype-bmp"></i> .bi-filetype-bmp</div>
        <div class="border"><i class="bi bi-3x bi-filetype-cs"></i> .bi-filetype-cs</div>
        <div class="border"><i class="bi bi-3x bi-filetype-css"></i> .bi-filetype-css</div>
        <div class="border"><i class="bi bi-3x bi-filetype-csv"></i> .bi-filetype-csv</div>
        <div class="border"><i class="bi bi-3x bi-filetype-doc"></i> .bi-filetype-doc</div>
        <div class="border"><i class="bi bi-3x bi-filetype-docx"></i> .bi-filetype-docx</div>
        <div class="border"><i class="bi bi-3x bi-filetype-exe"></i> .bi-filetype-exe</div>
        <div class="border"><i class="bi bi-3x bi-filetype-gif"></i> .bi-filetype-gif</div>
        <div class="border"><i class="bi bi-3x bi-filetype-heic"></i> .bi-filetype-heic</div>
        <div class="border"><i class="bi bi-3x bi-filetype-html"></i> .bi-filetype-html</div>
        <div class="border"><i class="bi bi-3x bi-filetype-java"></i> .bi-filetype-java</div>
        <div class="border"><i class="bi bi-3x bi-filetype-jpg"></i> .bi-filetype-jpg</div>
        <div class="border"><i class="bi bi-3x bi-filetype-js"></i> .bi-filetype-js</div>
        <div class="border"><i class="bi bi-3x bi-filetype-jsx"></i> .bi-filetype-jsx</div>
        <div class="border"><i class="bi bi-3x bi-filetype-key"></i> .bi-filetype-key</div>
        <div class="border"><i class="bi bi-3x bi-filetype-m4p"></i> .bi-filetype-m4p</div>
        <div class="border"><i class="bi bi-3x bi-filetype-md"></i> .bi-filetype-md</div>
        <div class="border"><i class="bi bi-3x bi-filetype-mdx"></i> .bi-filetype-mdx</div>
        <div class="border"><i class="bi bi-3x bi-filetype-mov"></i> .bi-filetype-mov</div>
        <div class="border"><i class="bi bi-3x bi-filetype-mp3"></i> .bi-filetype-mp3</div>
        <div class="border"><i class="bi bi-3x bi-filetype-mp4"></i> .bi-filetype-mp4</div>
        <div class="border"><i class="bi bi-3x bi-filetype-otf"></i> .bi-filetype-otf</div>
        <div class="border"><i class="bi bi-3x bi-filetype-pdf"></i> .bi-filetype-pdf</div>
        <div class="border"><i class="bi bi-3x bi-filetype-php"></i> .bi-filetype-php</div>
        <div class="border"><i class="bi bi-3x bi-filetype-png"></i> .bi-filetype-png</div>
        <div class="border"><i class="bi bi-3x bi-filetype-ppt-1"></i> .bi-filetype-ppt-1</div>
        <div class="border"><i class="bi bi-3x bi-filetype-ppt"></i> .bi-filetype-ppt</div>
        <div class="border"><i class="bi bi-3x bi-filetype-psd"></i> .bi-filetype-psd</div>
        <div class="border"><i class="bi bi-3x bi-filetype-py"></i> .bi-filetype-py</div>
        <div class="border"><i class="bi bi-3x bi-filetype-raw"></i> .bi-filetype-raw</div>
        <div class="border"><i class="bi bi-3x bi-filetype-rb"></i> .bi-filetype-rb</div>
        <div class="border"><i class="bi bi-3x bi-filetype-sass"></i> .bi-filetype-sass</div>
        <div class="border"><i class="bi bi-3x bi-filetype-scss"></i> .bi-filetype-scss</div>
        <div class="border"><i class="bi bi-3x bi-filetype-sh"></i> .bi-filetype-sh</div>
        <div class="border"><i class="bi bi-3x bi-filetype-svg"></i> .bi-filetype-svg</div>
        <div class="border"><i class="bi bi-3x bi-filetype-tiff"></i> .bi-filetype-tiff</div>
        <div class="border"><i class="bi bi-3x bi-filetype-tsx"></i> .bi-filetype-tsx</div>
        <div class="border"><i class="bi bi-3x bi-filetype-ttf"></i> .bi-filetype-ttf</div>
        <div class="border"><i class="bi bi-3x bi-filetype-txt"></i> .bi-filetype-txt</div>
        <div class="border"><i class="bi bi-3x bi-filetype-wav"></i> .bi-filetype-wav</div>
        <div class="border"><i class="bi bi-3x bi-filetype-woff"></i> .bi-filetype-woff</div>
        <div class="border"><i class="bi bi-3x bi-filetype-xls-1"></i> .bi-filetype-xls-1</div>
        <div class="border"><i class="bi bi-3x bi-filetype-xls"></i> .bi-filetype-xls</div>
        <div class="border"><i class="bi bi-3x bi-filetype-xml"></i> .bi-filetype-xml</div>
        <div class="border"><i class="bi bi-3x bi-filetype-yml"></i> .bi-filetype-yml</div>
        <div class="border"><i class="bi bi-3x bi-heart-arrow"></i> .bi-heart-arrow</div>
        <div class="border"><i class="bi bi-3x bi-heart-pulse-fill"></i> .bi-heart-pulse-fill</div>
        <div class="border"><i class="bi bi-3x bi-heart-pulse"></i> .bi-heart-pulse</div>
        <div class="border"><i class="bi bi-3x bi-heartbreak-fill"></i> .bi-heartbreak-fill</div>
        <div class="border"><i class="bi bi-3x bi-heartbreak"></i> .bi-heartbreak</div>
        <div class="border"><i class="bi bi-3x bi-hearts"></i> .bi-hearts</div>
        <div class="border"><i class="bi bi-3x bi-hospital-fill"></i> .bi-hospital-fill</div>
        <div class="border"><i class="bi bi-3x bi-hospital"></i> .bi-hospital</div>
        <div class="border"><i class="bi bi-3x bi-house-heart-fill"></i> .bi-house-heart-fill</div>
        <div class="border"><i class="bi bi-3x bi-house-heart"></i> .bi-house-heart</div>
        <div class="border"><i class="bi bi-3x bi-incognito"></i> .bi-incognito</div>
        <div class="border"><i class="bi bi-3x bi-magnet-fill"></i> .bi-magnet-fill</div>
        <div class="border"><i class="bi bi-3x bi-magnet"></i> .bi-magnet</div>
        <div class="border"><i class="bi bi-3x bi-person-heart"></i> .bi-person-heart</div>
        <div class="border"><i class="bi bi-3x bi-person-hearts"></i> .bi-person-hearts</div>
        <div class="border"><i class="bi bi-3x bi-phone-flip"></i> .bi-phone-flip</div>
        <div class="border"><i class="bi bi-3x bi-plugin"></i> .bi-plugin</div>
        <div class="border"><i class="bi bi-3x bi-postage-fill"></i> .bi-postage-fill</div>
        <div class="border"><i class="bi bi-3x bi-postage-heart-fill"></i> .bi-postage-heart-fill</div>
        <div class="border"><i class="bi bi-3x bi-postage-heart"></i> .bi-postage-heart</div>
        <div class="border"><i class="bi bi-3x bi-postage"></i> .bi-postage</div>
        <div class="border"><i class="bi bi-3x bi-postcard-fill"></i> .bi-postcard-fill</div>
        <div class="border"><i class="bi bi-3x bi-postcard-heart-fill"></i> .bi-postcard-heart-fill</div>
        <div class="border"><i class="bi bi-3x bi-postcard-heart"></i> .bi-postcard-heart</div>
        <div class="border"><i class="bi bi-3x bi-postcard"></i> .bi-postcard</div>
        <div class="border"><i class="bi bi-3x bi-search-heart-fill"></i> .bi-search-heart-fill</div>
        <div class="border"><i class="bi bi-3x bi-search-heart"></i> .bi-search-heart</div>
        <div class="border"><i class="bi bi-3x bi-sliders2-vertical"></i> .bi-sliders2-vertical</div>
        <div class="border"><i class="bi bi-3x bi-sliders2"></i> .bi-sliders2</div>
        <div class="border"><i class="bi bi-3x bi-trash3-fill"></i> .bi-trash3-fill</div>
        <div class="border"><i class="bi bi-3x bi-trash3"></i> .bi-trash3</div>
        <div class="border"><i class="bi bi-3x bi-valentine"></i> .bi-valentine</div>
        <div class="border"><i class="bi bi-3x bi-valentine2"></i> .bi-valentine2</div>
        <div class="border"><i class="bi bi-3x bi-wrench-adjustable-circle-fill"></i> .bi-wrench-adjustable-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-wrench-adjustable-circle"></i> .bi-wrench-adjustable-circle</div>
        <div class="border"><i class="bi bi-3x bi-wrench-adjustable"></i> .bi-wrench-adjustable</div>
        <div class="border"><i class="bi bi-3x bi-filetype-json"></i> .bi-filetype-json</div>
        <div class="border"><i class="bi bi-3x bi-filetype-pptx"></i> .bi-filetype-pptx</div>
        <div class="border"><i class="bi bi-3x bi-filetype-xlsx"></i> .bi-filetype-xlsx</div>
        <div class="border"><i class="bi bi-3x bi-1-circle-1"></i> .bi-1-circle-1</div>
        <div class="border"><i class="bi bi-3x bi-1-circle-fill-1"></i> .bi-1-circle-fill-1</div>
        <div class="border"><i class="bi bi-3x bi-1-circle-fill"></i> .bi-1-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-1-circle"></i> .bi-1-circle</div>
        <div class="border"><i class="bi bi-3x bi-1-square-fill"></i> .bi-1-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-1-square"></i> .bi-1-square</div>
        <div class="border"><i class="bi bi-3x bi-2-circle-1"></i> .bi-2-circle-1</div>
        <div class="border"><i class="bi bi-3x bi-2-circle-fill-1"></i> .bi-2-circle-fill-1</div>
        <div class="border"><i class="bi bi-3x bi-2-circle-fill"></i> .bi-2-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-2-circle"></i> .bi-2-circle</div>
        <div class="border"><i class="bi bi-3x bi-2-square-fill"></i> .bi-2-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-2-square"></i> .bi-2-square</div>
        <div class="border"><i class="bi bi-3x bi-3-circle-1"></i> .bi-3-circle-1</div>
        <div class="border"><i class="bi bi-3x bi-3-circle-fill-1"></i> .bi-3-circle-fill-1</div>
        <div class="border"><i class="bi bi-3x bi-3-circle-fill"></i> .bi-3-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-3-circle"></i> .bi-3-circle</div>
        <div class="border"><i class="bi bi-3x bi-3-square-fill"></i> .bi-3-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-3-square"></i> .bi-3-square</div>
        <div class="border"><i class="bi bi-3x bi-4-circle-1"></i> .bi-4-circle-1</div>
        <div class="border"><i class="bi bi-3x bi-4-circle-fill-1"></i> .bi-4-circle-fill-1</div>
        <div class="border"><i class="bi bi-3x bi-4-circle-fill"></i> .bi-4-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-4-circle"></i> .bi-4-circle</div>
        <div class="border"><i class="bi bi-3x bi-4-square-fill"></i> .bi-4-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-4-square"></i> .bi-4-square</div>
        <div class="border"><i class="bi bi-3x bi-5-circle-1"></i> .bi-5-circle-1</div>
        <div class="border"><i class="bi bi-3x bi-5-circle-fill-1"></i> .bi-5-circle-fill-1</div>
        <div class="border"><i class="bi bi-3x bi-5-circle-fill"></i> .bi-5-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-5-circle"></i> .bi-5-circle</div>
        <div class="border"><i class="bi bi-3x bi-5-square-fill"></i> .bi-5-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-5-square"></i> .bi-5-square</div>
        <div class="border"><i class="bi bi-3x bi-6-circle-1"></i> .bi-6-circle-1</div>
        <div class="border"><i class="bi bi-3x bi-6-circle-fill-1"></i> .bi-6-circle-fill-1</div>
        <div class="border"><i class="bi bi-3x bi-6-circle-fill"></i> .bi-6-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-6-circle"></i> .bi-6-circle</div>
        <div class="border"><i class="bi bi-3x bi-6-square-fill"></i> .bi-6-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-6-square"></i> .bi-6-square</div>
        <div class="border"><i class="bi bi-3x bi-7-circle-1"></i> .bi-7-circle-1</div>
        <div class="border"><i class="bi bi-3x bi-7-circle-fill-1"></i> .bi-7-circle-fill-1</div>
        <div class="border"><i class="bi bi-3x bi-7-circle-fill"></i> .bi-7-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-7-circle"></i> .bi-7-circle</div>
        <div class="border"><i class="bi bi-3x bi-7-square-fill"></i> .bi-7-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-7-square"></i> .bi-7-square</div>
        <div class="border"><i class="bi bi-3x bi-8-circle-1"></i> .bi-8-circle-1</div>
        <div class="border"><i class="bi bi-3x bi-8-circle-fill-1"></i> .bi-8-circle-fill-1</div>
        <div class="border"><i class="bi bi-3x bi-8-circle-fill"></i> .bi-8-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-8-circle"></i> .bi-8-circle</div>
        <div class="border"><i class="bi bi-3x bi-8-square-fill"></i> .bi-8-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-8-square"></i> .bi-8-square</div>
        <div class="border"><i class="bi bi-3x bi-9-circle-1"></i> .bi-9-circle-1</div>
        <div class="border"><i class="bi bi-3x bi-9-circle-fill-1"></i> .bi-9-circle-fill-1</div>
        <div class="border"><i class="bi bi-3x bi-9-circle-fill"></i> .bi-9-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-9-circle"></i> .bi-9-circle</div>
        <div class="border"><i class="bi bi-3x bi-9-square-fill"></i> .bi-9-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-9-square"></i> .bi-9-square</div>
        <div class="border"><i class="bi bi-3x bi-airplane-engines-fill"></i> .bi-airplane-engines-fill</div>
        <div class="border"><i class="bi bi-3x bi-airplane-engines"></i> .bi-airplane-engines</div>
        <div class="border"><i class="bi bi-3x bi-airplane-fill"></i> .bi-airplane-fill</div>
        <div class="border"><i class="bi bi-3x bi-airplane"></i> .bi-airplane</div>
        <div class="border"><i class="bi bi-3x bi-alexa"></i> .bi-alexa</div>
        <div class="border"><i class="bi bi-3x bi-alipay"></i> .bi-alipay</div>
        <div class="border"><i class="bi bi-3x bi-android"></i> .bi-android</div>
        <div class="border"><i class="bi bi-3x bi-android2"></i> .bi-android2</div>
        <div class="border"><i class="bi bi-3x bi-box-fill"></i> .bi-box-fill</div>
        <div class="border"><i class="bi bi-3x bi-box-seam-fill"></i> .bi-box-seam-fill</div>
        <div class="border"><i class="bi bi-3x bi-browser-chrome"></i> .bi-browser-chrome</div>
        <div class="border"><i class="bi bi-3x bi-browser-edge"></i> .bi-browser-edge</div>
        <div class="border"><i class="bi bi-3x bi-browser-firefox"></i> .bi-browser-firefox</div>
        <div class="border"><i class="bi bi-3x bi-browser-safari"></i> .bi-browser-safari</div>
        <div class="border"><i class="bi bi-3x bi-c-circle-1"></i> .bi-c-circle-1</div>
        <div class="border"><i class="bi bi-3x bi-c-circle-fill-1"></i> .bi-c-circle-fill-1</div>
        <div class="border"><i class="bi bi-3x bi-c-circle-fill"></i> .bi-c-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-c-circle"></i> .bi-c-circle</div>
        <div class="border"><i class="bi bi-3x bi-c-square-fill"></i> .bi-c-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-c-square"></i> .bi-c-square</div>
        <div class="border"><i class="bi bi-3x bi-capsule-pill"></i> .bi-capsule-pill</div>
        <div class="border"><i class="bi bi-3x bi-capsule"></i> .bi-capsule</div>
        <div class="border"><i class="bi bi-3x bi-car-front-fill"></i> .bi-car-front-fill</div>
        <div class="border"><i class="bi bi-3x bi-car-front"></i> .bi-car-front</div>
        <div class="border"><i class="bi bi-3x bi-cassette-fill"></i> .bi-cassette-fill</div>
        <div class="border"><i class="bi bi-3x bi-cassette"></i> .bi-cassette</div>
        <div class="border"><i class="bi bi-3x bi-cc-circle-1"></i> .bi-cc-circle-1</div>
        <div class="border"><i class="bi bi-3x bi-cc-circle-fill-1"></i> .bi-cc-circle-fill-1</div>
        <div class="border"><i class="bi bi-3x bi-cc-circle-fill"></i> .bi-cc-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-cc-circle"></i> .bi-cc-circle</div>
        <div class="border"><i class="bi bi-3x bi-cc-square-fill"></i> .bi-cc-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-cc-square"></i> .bi-cc-square</div>
        <div class="border"><i class="bi bi-3x bi-cup-hot-fill"></i> .bi-cup-hot-fill</div>
        <div class="border"><i class="bi bi-3x bi-cup-hot"></i> .bi-cup-hot</div>
        <div class="border"><i class="bi bi-3x bi-currency-rupee"></i> .bi-currency-rupee</div>
        <div class="border"><i class="bi bi-3x bi-dropbox"></i> .bi-dropbox</div>
        <div class="border"><i class="bi bi-3x bi-escape"></i> .bi-escape</div>
        <div class="border"><i class="bi bi-3x bi-fast-forward-btn-fill"></i> .bi-fast-forward-btn-fill</div>
        <div class="border"><i class="bi bi-3x bi-fast-forward-btn"></i> .bi-fast-forward-btn</div>
        <div class="border"><i class="bi bi-3x bi-fast-forward-circle-fill"></i> .bi-fast-forward-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-fast-forward-circle"></i> .bi-fast-forward-circle</div>
        <div class="border"><i class="bi bi-3x bi-fast-forward-fill"></i> .bi-fast-forward-fill</div>
        <div class="border"><i class="bi bi-3x bi-fast-forward"></i> .bi-fast-forward</div>
        <div class="border"><i class="bi bi-3x bi-filetype-sql"></i> .bi-filetype-sql</div>
        <div class="border"><i class="bi bi-3x bi-fire"></i> .bi-fire</div>
        <div class="border"><i class="bi bi-3x bi-google-play"></i> .bi-google-play</div>
        <div class="border"><i class="bi bi-3x bi-h-circle-1"></i> .bi-h-circle-1</div>
        <div class="border"><i class="bi bi-3x bi-h-circle-fill-1"></i> .bi-h-circle-fill-1</div>
        <div class="border"><i class="bi bi-3x bi-h-circle-fill"></i> .bi-h-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-h-circle"></i> .bi-h-circle</div>
        <div class="border"><i class="bi bi-3x bi-h-square-fill"></i> .bi-h-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-h-square"></i> .bi-h-square</div>
        <div class="border"><i class="bi bi-3x bi-indent"></i> .bi-indent</div>
        <div class="border"><i class="bi bi-3x bi-lungs-fill"></i> .bi-lungs-fill</div>
        <div class="border"><i class="bi bi-3x bi-lungs"></i> .bi-lungs</div>
        <div class="border"><i class="bi bi-3x bi-microsoft-teams"></i> .bi-microsoft-teams</div>
        <div class="border"><i class="bi bi-3x bi-p-circle-1"></i> .bi-p-circle-1</div>
        <div class="border"><i class="bi bi-3x bi-p-circle-fill-1"></i> .bi-p-circle-fill-1</div>
        <div class="border"><i class="bi bi-3x bi-p-circle-fill"></i> .bi-p-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-p-circle"></i> .bi-p-circle</div>
        <div class="border"><i class="bi bi-3x bi-p-square-fill"></i> .bi-p-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-p-square"></i> .bi-p-square</div>
        <div class="border"><i class="bi bi-3x bi-pass-fill"></i> .bi-pass-fill</div>
        <div class="border"><i class="bi bi-3x bi-pass"></i> .bi-pass</div>
        <div class="border"><i class="bi bi-3x bi-prescription"></i> .bi-prescription</div>
        <div class="border"><i class="bi bi-3x bi-prescription2"></i> .bi-prescription2</div>
        <div class="border"><i class="bi bi-3x bi-r-circle-1"></i> .bi-r-circle-1</div>
        <div class="border"><i class="bi bi-3x bi-r-circle-fill-1"></i> .bi-r-circle-fill-1</div>
        <div class="border"><i class="bi bi-3x bi-r-circle-fill"></i> .bi-r-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-r-circle"></i> .bi-r-circle</div>
        <div class="border"><i class="bi bi-3x bi-r-square-fill"></i> .bi-r-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-r-square"></i> .bi-r-square</div>
        <div class="border"><i class="bi bi-3x bi-repeat-1"></i> .bi-repeat-1</div>
        <div class="border"><i class="bi bi-3x bi-repeat"></i> .bi-repeat</div>
        <div class="border"><i class="bi bi-3x bi-rewind-btn-fill"></i> .bi-rewind-btn-fill</div>
        <div class="border"><i class="bi bi-3x bi-rewind-btn"></i> .bi-rewind-btn</div>
        <div class="border"><i class="bi bi-3x bi-rewind-circle-fill"></i> .bi-rewind-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-rewind-circle"></i> .bi-rewind-circle</div>
        <div class="border"><i class="bi bi-3x bi-rewind-fill"></i> .bi-rewind-fill</div>
        <div class="border"><i class="bi bi-3x bi-rewind"></i> .bi-rewind</div>
        <div class="border"><i class="bi bi-3x bi-train-freight-front-fill"></i> .bi-train-freight-front-fill</div>
        <div class="border"><i class="bi bi-3x bi-train-freight-front"></i> .bi-train-freight-front</div>
        <div class="border"><i class="bi bi-3x bi-train-front-fill"></i> .bi-train-front-fill</div>
        <div class="border"><i class="bi bi-3x bi-train-front"></i> .bi-train-front</div>
        <div class="border"><i class="bi bi-3x bi-train-lightrail-front-fill"></i> .bi-train-lightrail-front-fill</div>
        <div class="border"><i class="bi bi-3x bi-train-lightrail-front"></i> .bi-train-lightrail-front</div>
        <div class="border"><i class="bi bi-3x bi-truck-front-fill"></i> .bi-truck-front-fill</div>
        <div class="border"><i class="bi bi-3x bi-truck-front"></i> .bi-truck-front</div>
        <div class="border"><i class="bi bi-3x bi-ubuntu"></i> .bi-ubuntu</div>
        <div class="border"><i class="bi bi-3x bi-unindent"></i> .bi-unindent</div>
        <div class="border"><i class="bi bi-3x bi-unity"></i> .bi-unity</div>
        <div class="border"><i class="bi bi-3x bi-universal-access-circle"></i> .bi-universal-access-circle</div>
        <div class="border"><i class="bi bi-3x bi-universal-access"></i> .bi-universal-access</div>
        <div class="border"><i class="bi bi-3x bi-virus"></i> .bi-virus</div>
        <div class="border"><i class="bi bi-3x bi-virus2"></i> .bi-virus2</div>
        <div class="border"><i class="bi bi-3x bi-wechat"></i> .bi-wechat</div>
        <div class="border"><i class="bi bi-3x bi-yelp"></i> .bi-yelp</div>
        <div class="border"><i class="bi bi-3x bi-sign-stop-fill"></i> .bi-sign-stop-fill</div>
        <div class="border"><i class="bi bi-3x bi-sign-stop-lights-fill"></i> .bi-sign-stop-lights-fill</div>
        <div class="border"><i class="bi bi-3x bi-sign-stop-lights"></i> .bi-sign-stop-lights</div>
        <div class="border"><i class="bi bi-3x bi-sign-stop"></i> .bi-sign-stop</div>
        <div class="border"><i class="bi bi-3x bi-sign-turn-left-fill"></i> .bi-sign-turn-left-fill</div>
        <div class="border"><i class="bi bi-3x bi-sign-turn-left"></i> .bi-sign-turn-left</div>
        <div class="border"><i class="bi bi-3x bi-sign-turn-right-fill"></i> .bi-sign-turn-right-fill</div>
        <div class="border"><i class="bi bi-3x bi-sign-turn-right"></i> .bi-sign-turn-right</div>
        <div class="border"><i class="bi bi-3x bi-sign-turn-slight-left-fill"></i> .bi-sign-turn-slight-left-fill</div>
        <div class="border"><i class="bi bi-3x bi-sign-turn-slight-left"></i> .bi-sign-turn-slight-left</div>
        <div class="border"><i class="bi bi-3x bi-sign-turn-slight-right-fill"></i> .bi-sign-turn-slight-right-fill</div>
        <div class="border"><i class="bi bi-3x bi-sign-turn-slight-right"></i> .bi-sign-turn-slight-right</div>
        <div class="border"><i class="bi bi-3x bi-sign-yield-fill"></i> .bi-sign-yield-fill</div>
        <div class="border"><i class="bi bi-3x bi-sign-yield"></i> .bi-sign-yield</div>
        <div class="border"><i class="bi bi-3x bi-ev-station-fill"></i> .bi-ev-station-fill</div>
        <div class="border"><i class="bi bi-3x bi-ev-station"></i> .bi-ev-station</div>
        <div class="border"><i class="bi bi-3x bi-fuel-pump-diesel-fill"></i> .bi-fuel-pump-diesel-fill</div>
        <div class="border"><i class="bi bi-3x bi-fuel-pump-diesel"></i> .bi-fuel-pump-diesel</div>
        <div class="border"><i class="bi bi-3x bi-fuel-pump-fill"></i> .bi-fuel-pump-fill</div>
        <div class="border"><i class="bi bi-3x bi-fuel-pump"></i> .bi-fuel-pump</div>
        <div class="border"><i class="bi bi-3x bi-0-circle-fill"></i> .bi-0-circle-fill</div>
        <div class="border"><i class="bi bi-3x bi-0-circle"></i> .bi-0-circle</div>
        <div class="border"><i class="bi bi-3x bi-0-square-fill"></i> .bi-0-square-fill</div>
        <div class="border"><i class="bi bi-3x bi-0-square"></i> .bi-0-square</div>
        <div class="border"><i class="bi bi-3x bi-rocket-fill"></i> .bi-rocket-fill</div>
        <div class="border"><i class="bi bi-3x bi-rocket-takeoff-fill"></i> .bi-rocket-takeoff-fill</div>
        <div class="border"><i class="bi bi-3x bi-rocket-takeoff"></i> .bi-rocket-takeoff</div>
        <div class="border"><i class="bi bi-3x bi-rocket"></i> .bi-rocket</div>
        <div class="border"><i class="bi bi-3x bi-stripe"></i> .bi-stripe</div>
        <div class="border"><i class="bi bi-3x bi-subscript"></i> .bi-subscript</div>
        <div class="border"><i class="bi bi-3x bi-superscript"></i> .bi-superscript</div>
        <div class="border"><i class="bi bi-3x bi-trello"></i> .bi-trello</div>
        <div class="border"><i class="bi bi-3x bi-envelope-at-fill"></i> .bi-envelope-at-fill</div>
        <div class="border"><i class="bi bi-3x bi-envelope-at"></i> .bi-envelope-at</div>
        <div class="border"><i class="bi bi-3x bi-regex"></i> .bi-regex</div>
        <div class="border"><i class="bi bi-3x bi-text-wrap"></i> .bi-text-wrap</div>
        <div class="border"><i class="bi bi-3x bi-sign-dead-end-fill"></i> .bi-sign-dead-end-fill</div>
        <div class="border"><i class="bi bi-3x bi-sign-dead-end"></i> .bi-sign-dead-end</div>
        <div class="border"><i class="bi bi-3x bi-sign-do-not-enter-fill"></i> .bi-sign-do-not-enter-fill</div>
        <div class="border"><i class="bi bi-3x bi-sign-do-not-enter"></i> .bi-sign-do-not-enter</div>
        <div class="border"><i class="bi bi-3x bi-sign-intersection-fill"></i> .bi-sign-intersection-fill</div>
        <div class="border"><i class="bi bi-3x bi-sign-intersection-side-fill"></i> .bi-sign-intersection-side-fill</div>
        <div class="border"><i class="bi bi-3x bi-sign-intersection-side"></i> .bi-sign-intersection-side</div>
        <div class="border"><i class="bi bi-3x bi-sign-intersection-t-fill"></i> .bi-sign-intersection-t-fill</div>
        <div class="border"><i class="bi bi-3x bi-sign-intersection-t"></i> .bi-sign-intersection-t</div>
        <div class="border"><i class="bi bi-3x bi-sign-intersection-y-fill"></i> .bi-sign-intersection-y-fill</div>
        <div class="border"><i class="bi bi-3x bi-sign-intersection-y"></i> .bi-sign-intersection-y</div>
        <div class="border"><i class="bi bi-3x bi-sign-intersection"></i> .bi-sign-intersection</div>
        <div class="border"><i class="bi bi-3x bi-sign-merge-left-fill"></i> .bi-sign-merge-left-fill</div>
        <div class="border"><i class="bi bi-3x bi-sign-merge-left"></i> .bi-sign-merge-left</div>
        <div class="border"><i class="bi bi-3x bi-sign-merge-right-fill"></i> .bi-sign-merge-right-fill</div>
        <div class="border"><i class="bi bi-3x bi-sign-merge-right"></i> .bi-sign-merge-right</div>
        <div class="border"><i class="bi bi-3x bi-sign-no-left-turn-fill"></i> .bi-sign-no-left-turn-fill</div>
        <div class="border"><i class="bi bi-3x bi-sign-no-left-turn"></i> .bi-sign-no-left-turn</div>
        <div class="border"><i class="bi bi-3x bi-sign-no-parking-fill"></i> .bi-sign-no-parking-fill</div>
        <div class="border"><i class="bi bi-3x bi-sign-no-parking"></i> .bi-sign-no-parking</div>
        <div class="border"><i class="bi bi-3x bi-sign-no-right-turn-fill"></i> .bi-sign-no-right-turn-fill</div>
        <div class="border"><i class="bi bi-3x bi-sign-no-right-turn"></i> .bi-sign-no-right-turn</div>
        <div class="border"><i class="bi bi-3x bi-sign-railroad-fill"></i> .bi-sign-railroad-fill</div>
        <div class="border"><i class="bi bi-3x bi-sign-railroad"></i> .bi-sign-railroad</div>
        <div class="border"><i class="bi bi-3x bi-building-add"></i> .bi-building-add</div>
        <div class="border"><i class="bi bi-3x bi-building-check"></i> .bi-building-check</div>
        <div class="border"><i class="bi bi-3x bi-building-dash"></i> .bi-building-dash</div>
        <div class="border"><i class="bi bi-3x bi-building-down"></i> .bi-building-down</div>
        <div class="border"><i class="bi bi-3x bi-building-exclamation"></i> .bi-building-exclamation</div>
        <div class="border"><i class="bi bi-3x bi-building-fill-add"></i> .bi-building-fill-add</div>
        <div class="border"><i class="bi bi-3x bi-building-fill-check"></i> .bi-building-fill-check</div>
        <div class="border"><i class="bi bi-3x bi-building-fill-dash"></i> .bi-building-fill-dash</div>
        <div class="border"><i class="bi bi-3x bi-building-fill-down"></i> .bi-building-fill-down</div>
        <div class="border"><i class="bi bi-3x bi-building-fill-exclamation"></i> .bi-building-fill-exclamation</div>
        <div class="border"><i class="bi bi-3x bi-building-fill-gear"></i> .bi-building-fill-gear</div>
        <div class="border"><i class="bi bi-3x bi-building-fill-lock"></i> .bi-building-fill-lock</div>
        <div class="border"><i class="bi bi-3x bi-building-fill-slash"></i> .bi-building-fill-slash</div>
        <div class="border"><i class="bi bi-3x bi-building-fill-up"></i> .bi-building-fill-up</div>
        <div class="border"><i class="bi bi-3x bi-building-fill-x"></i> .bi-building-fill-x</div>
        <div class="border"><i class="bi bi-3x bi-building-fill"></i> .bi-building-fill</div>
        <div class="border"><i class="bi bi-3x bi-building-gear"></i> .bi-building-gear</div>
        <div class="border"><i class="bi bi-3x bi-building-lock"></i> .bi-building-lock</div>
        <div class="border"><i class="bi bi-3x bi-building-slash"></i> .bi-building-slash</div>
        <div class="border"><i class="bi bi-3x bi-building-up"></i> .bi-building-up</div>
        <div class="border"><i class="bi bi-3x bi-building-x"></i> .bi-building-x</div>
        <div class="border"><i class="bi bi-3x bi-buildings-fill"></i> .bi-buildings-fill</div>
        <div class="border"><i class="bi bi-3x bi-buildings"></i> .bi-buildings</div>
        <div class="border"><i class="bi bi-3x bi-bus-front-fill"></i> .bi-bus-front-fill</div>
        <div class="border"><i class="bi bi-3x bi-bus-front"></i> .bi-bus-front</div>
        <div class="border"><i class="bi bi-3x bi-ev-front-fill"></i> .bi-ev-front-fill</div>
        <div class="border"><i class="bi bi-3x bi-ev-front"></i> .bi-ev-front</div>
        <div class="border"><i class="bi bi-3x bi-globe-americas"></i> .bi-globe-americas</div>
        <div class="border"><i class="bi bi-3x bi-globe-asia-australia"></i> .bi-globe-asia-australia</div>
        <div class="border"><i class="bi bi-3x bi-globe-central-south-asia"></i> .bi-globe-central-south-asia</div>
        <div class="border"><i class="bi bi-3x bi-globe-europe-africa"></i> .bi-globe-europe-africa</div>
        <div class="border"><i class="bi bi-3x bi-house-add-fill"></i> .bi-house-add-fill</div>
        <div class="border"><i class="bi bi-3x bi-house-add"></i> .bi-house-add</div>
        <div class="border"><i class="bi bi-3x bi-house-check-fill"></i> .bi-house-check-fill</div>
        <div class="border"><i class="bi bi-3x bi-house-check"></i> .bi-house-check</div>
        <div class="border"><i class="bi bi-3x bi-house-dash-fill"></i> .bi-house-dash-fill</div>
        <div class="border"><i class="bi bi-3x bi-house-dash"></i> .bi-house-dash</div>
        <div class="border"><i class="bi bi-3x bi-house-down-fill"></i> .bi-house-down-fill</div>
        <div class="border"><i class="bi bi-3x bi-house-down"></i> .bi-house-down</div>
        <div class="border"><i class="bi bi-3x bi-house-exclamation-fill"></i> .bi-house-exclamation-fill</div>
        <div class="border"><i class="bi bi-3x bi-house-exclamation"></i> .bi-house-exclamation</div>
        <div class="border"><i class="bi bi-3x bi-house-gear-fill"></i> .bi-house-gear-fill</div>
        <div class="border"><i class="bi bi-3x bi-house-gear"></i> .bi-house-gear</div>
        <div class="border"><i class="bi bi-3x bi-house-lock-fill"></i> .bi-house-lock-fill</div>
        <div class="border"><i class="bi bi-3x bi-house-lock"></i> .bi-house-lock</div>
        <div class="border"><i class="bi bi-3x bi-house-slash-fill"></i> .bi-house-slash-fill</div>
        <div class="border"><i class="bi bi-3x bi-house-slash"></i> .bi-house-slash</div>
        <div class="border"><i class="bi bi-3x bi-house-up-fill"></i> .bi-house-up-fill</div>
        <div class="border"><i class="bi bi-3x bi-house-up"></i> .bi-house-up</div>
        <div class="border"><i class="bi bi-3x bi-house-x-fill"></i> .bi-house-x-fill</div>
        <div class="border"><i class="bi bi-3x bi-house-x"></i> .bi-house-x</div>
        <div class="border"><i class="bi bi-3x bi-person-add"></i> .bi-person-add</div>
        <div class="border"><i class="bi bi-3x bi-person-down"></i> .bi-person-down</div>
        <div class="border"><i class="bi bi-3x bi-person-exclamation"></i> .bi-person-exclamation</div>
        <div class="border"><i class="bi bi-3x bi-person-fill-add"></i> .bi-person-fill-add</div>
        <div class="border"><i class="bi bi-3x bi-person-fill-check"></i> .bi-person-fill-check</div>
        <div class="border"><i class="bi bi-3x bi-person-fill-dash"></i> .bi-person-fill-dash</div>
        <div class="border"><i class="bi bi-3x bi-person-fill-down"></i> .bi-person-fill-down</div>
        <div class="border"><i class="bi bi-3x bi-person-fill-exclamation"></i> .bi-person-fill-exclamation</div>
        <div class="border"><i class="bi bi-3x bi-person-fill-gear"></i> .bi-person-fill-gear</div>
        <div class="border"><i class="bi bi-3x bi-person-fill-lock"></i> .bi-person-fill-lock</div>
        <div class="border"><i class="bi bi-3x bi-person-fill-slash"></i> .bi-person-fill-slash</div>
        <div class="border"><i class="bi bi-3x bi-person-fill-up"></i> .bi-person-fill-up</div>
        <div class="border"><i class="bi bi-3x bi-person-fill-x"></i> .bi-person-fill-x</div>
        <div class="border"><i class="bi bi-3x bi-person-gear"></i> .bi-person-gear</div>
        <div class="border"><i class="bi bi-3x bi-person-lock"></i> .bi-person-lock</div>
        <div class="border"><i class="bi bi-3x bi-person-slash"></i> .bi-person-slash</div>
        <div class="border"><i class="bi bi-3x bi-person-up"></i> .bi-person-up</div>
        <div class="border"><i class="bi bi-3x bi-scooter"></i> .bi-scooter</div>
        <div class="border"><i class="bi bi-3x bi-taxi-front-fill"></i> .bi-taxi-front-fill</div>
        <div class="border"><i class="bi bi-3x bi-taxi-front"></i> .bi-taxi-front</div>
        <div class="border"><i class="bi bi-3x bi-amd"></i> .bi-amd</div>
        <div class="border"><i class="bi bi-3x bi-database-add"></i> .bi-database-add</div>
        <div class="border"><i class="bi bi-3x bi-database-check"></i> .bi-database-check</div>
        <div class="border"><i class="bi bi-3x bi-database-dash"></i> .bi-database-dash</div>
        <div class="border"><i class="bi bi-3x bi-database-down"></i> .bi-database-down</div>
        <div class="border"><i class="bi bi-3x bi-database-exclamation"></i> .bi-database-exclamation</div>
        <div class="border"><i class="bi bi-3x bi-database-fill-add"></i> .bi-database-fill-add</div>
        <div class="border"><i class="bi bi-3x bi-database-fill-check"></i> .bi-database-fill-check</div>
        <div class="border"><i class="bi bi-3x bi-database-fill-dash"></i> .bi-database-fill-dash</div>
        <div class="border"><i class="bi bi-3x bi-database-fill-down"></i> .bi-database-fill-down</div>
        <div class="border"><i class="bi bi-3x bi-database-fill-exclamation"></i> .bi-database-fill-exclamation</div>
        <div class="border"><i class="bi bi-3x bi-database-fill-gear"></i> .bi-database-fill-gear</div>
        <div class="border"><i class="bi bi-3x bi-database-fill-lock"></i> .bi-database-fill-lock</div>
        <div class="border"><i class="bi bi-3x bi-database-fill-slash"></i> .bi-database-fill-slash</div>
        <div class="border"><i class="bi bi-3x bi-database-fill-up"></i> .bi-database-fill-up</div>
        <div class="border"><i class="bi bi-3x bi-database-fill-x"></i> .bi-database-fill-x</div>
        <div class="border"><i class="bi bi-3x bi-database-fill"></i> .bi-database-fill</div>
        <div class="border"><i class="bi bi-3x bi-database-gear"></i> .bi-database-gear</div>
        <div class="border"><i class="bi bi-3x bi-database-lock"></i> .bi-database-lock</div>
        <div class="border"><i class="bi bi-3x bi-database-slash"></i> .bi-database-slash</div>
        <div class="border"><i class="bi bi-3x bi-database-up"></i> .bi-database-up</div>
        <div class="border"><i class="bi bi-3x bi-database-x"></i> .bi-database-x</div>
        <div class="border"><i class="bi bi-3x bi-database"></i> .bi-database</div>
        <div class="border"><i class="bi bi-3x bi-houses-fill"></i> .bi-houses-fill</div>
        <div class="border"><i class="bi bi-3x bi-houses"></i> .bi-houses</div>
        <div class="border"><i class="bi bi-3x bi-nvidia"></i> .bi-nvidia</div>
        <div class="border"><i class="bi bi-3x bi-person-vcard-fill"></i> .bi-person-vcard-fill</div>
        <div class="border"><i class="bi bi-3x bi-person-vcard"></i> .bi-person-vcard</div>
        <div class="border"><i class="bi bi-3x bi-sina-weibo"></i> .bi-sina-weibo</div>
        <div class="border"><i class="bi bi-3x bi-tencent-qq"></i> .bi-tencent-qq</div>
        <div class="border"><i class="bi bi-3x bi-wikipedia"></i> .bi-wikipedia</div>
    </div>
</body>
</html>