Use fantasticon to generate web fonts (#515)

* Generate webfonts via fantasticon

- Includes new docs section and fonts page
- Generates CSS and JSON in addition to 4x font types
- Adds new script and hooks into existing icons and zip scripts

* casing

* Update to drop ttf and eot for woff and woff2 only for now

* remove eot and ttf there too

* simplify stylelint

5 files changed, 7263 insertions, 0 deletions

diff --git a/font/bootstrap-icons.css b/font/bootstrap-icons.css
new file mode 100644
index 000000000..656786a4b
--- /dev/null
+++ b/font/bootstrap-icons.css
@@ -0,0 +1,1219 @@
+@font-face {
+  font-family: "bootstrap-icons";
+  src: url("fonts/bootstrap-icons.woff?e5d348175b70340f3bfbaa70d579819f") format("woff"),
+url("fonts/bootstrap-icons.woff2?e5d348175b70340f3bfbaa70d579819f") format("woff2");
+}
+
+[class^="bi-"]::before,
+[class*=" bi-"]::before {
+  display: inline-block;
+  font-family: bootstrap-icons !important;
+  font-style: normal;
+  font-weight: normal !important;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  vertical-align: text-bottom;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.bi-alarm-fill::before { content: "\f101"; }
+.bi-alarm::before { content: "\f102"; }
+.bi-align-bottom::before { content: "\f103"; }
+.bi-align-center::before { content: "\f104"; }
+.bi-align-end::before { content: "\f105"; }
+.bi-align-middle::before { content: "\f106"; }
+.bi-align-start::before { content: "\f107"; }
+.bi-align-top::before { content: "\f108"; }
+.bi-alt::before { content: "\f109"; }
+.bi-app-indicator::before { content: "\f10a"; }
+.bi-app::before { content: "\f10b"; }
+.bi-archive-fill::before { content: "\f10c"; }
+.bi-archive::before { content: "\f10d"; }
+.bi-arrow-90deg-down::before { content: "\f10e"; }
+.bi-arrow-90deg-left::before { content: "\f10f"; }
+.bi-arrow-90deg-right::before { content: "\f110"; }
+.bi-arrow-90deg-up::before { content: "\f111"; }
+.bi-arrow-bar-down::before { content: "\f112"; }
+.bi-arrow-bar-left::before { content: "\f113"; }
+.bi-arrow-bar-right::before { content: "\f114"; }
+.bi-arrow-bar-up::before { content: "\f115"; }
+.bi-arrow-clockwise::before { content: "\f116"; }
+.bi-arrow-counterclockwise::before { content: "\f117"; }
+.bi-arrow-down-circle-fill::before { content: "\f118"; }
+.bi-arrow-down-circle::before { content: "\f119"; }
+.bi-arrow-down-left-circle-fill::before { content: "\f11a"; }
+.bi-arrow-down-left-circle::before { content: "\f11b"; }
+.bi-arrow-down-left-square-fill::before { content: "\f11c"; }
+.bi-arrow-down-left-square::before { content: "\f11d"; }
+.bi-arrow-down-left::before { content: "\f11e"; }
+.bi-arrow-down-right-circle-fill::before { content: "\f11f"; }
+.bi-arrow-down-right-circle::before { content: "\f120"; }
+.bi-arrow-down-right-square-fill::before { content: "\f121"; }
+.bi-arrow-down-right-square::before { content: "\f122"; }
+.bi-arrow-down-right::before { content: "\f123"; }
+.bi-arrow-down-short::before { content: "\f124"; }
+.bi-arrow-down-square-fill::before { content: "\f125"; }
+.bi-arrow-down-square::before { content: "\f126"; }
+.bi-arrow-down-up::before { content: "\f127"; }
+.bi-arrow-down::before { content: "\f128"; }
+.bi-arrow-left-circle-fill::before { content: "\f129"; }
+.bi-arrow-left-circle::before { content: "\f12a"; }
+.bi-arrow-left-right::before { content: "\f12b"; }
+.bi-arrow-left-short::before { content: "\f12c"; }
+.bi-arrow-left-square-fill::before { content: "\f12d"; }
+.bi-arrow-left-square::before { content: "\f12e"; }
+.bi-arrow-left::before { content: "\f12f"; }
+.bi-arrow-repeat::before { content: "\f130"; }
+.bi-arrow-return-left::before { content: "\f131"; }
+.bi-arrow-return-right::before { content: "\f132"; }
+.bi-arrow-right-circle-fill::before { content: "\f133"; }
+.bi-arrow-right-circle::before { content: "\f134"; }
+.bi-arrow-right-short::before { content: "\f135"; }
+.bi-arrow-right-square-fill::before { content: "\f136"; }
+.bi-arrow-right-square::before { content: "\f137"; }
+.bi-arrow-right::before { content: "\f138"; }
+.bi-arrow-up-circle-fill::before { content: "\f139"; }
+.bi-arrow-up-circle::before { content: "\f13a"; }
+.bi-arrow-up-left-circle-fill::before { content: "\f13b"; }
+.bi-arrow-up-left-circle::before { content: "\f13c"; }
+.bi-arrow-up-left-square-fill::before { content: "\f13d"; }
+.bi-arrow-up-left-square::before { content: "\f13e"; }
+.bi-arrow-up-left::before { content: "\f13f"; }
+.bi-arrow-up-right-circle-fill::before { content: "\f140"; }
+.bi-arrow-up-right-circle::before { content: "\f141"; }
+.bi-arrow-up-right-square-fill::before { content: "\f142"; }
+.bi-arrow-up-right-square::before { content: "\f143"; }
+.bi-arrow-up-right::before { content: "\f144"; }
+.bi-arrow-up-short::before { content: "\f145"; }
+.bi-arrow-up-square-fill::before { content: "\f146"; }
+.bi-arrow-up-square::before { content: "\f147"; }
+.bi-arrow-up::before { content: "\f148"; }
+.bi-arrows-angle-contract::before { content: "\f149"; }
+.bi-arrows-angle-expand::before { content: "\f14a"; }
+.bi-arrows-collapse::before { content: "\f14b"; }
+.bi-arrows-expand::before { content: "\f14c"; }
+.bi-arrows-fullscreen::before { content: "\f14d"; }
+.bi-arrows-move::before { content: "\f14e"; }
+.bi-aspect-ratio-fill::before { content: "\f14f"; }
+.bi-aspect-ratio::before { content: "\f150"; }
+.bi-asterisk::before { content: "\f151"; }
+.bi-at::before { content: "\f152"; }
+.bi-award-fill::before { content: "\f153"; }
+.bi-award::before { content: "\f154"; }
+.bi-back::before { content: "\f155"; }
+.bi-backspace-fill::before { content: "\f156"; }
+.bi-backspace-reverse-fill::before { content: "\f157"; }
+.bi-backspace-reverse::before { content: "\f158"; }
+.bi-backspace::before { content: "\f159"; }
+.bi-badge-4k-fill::before { content: "\f15a"; }
+.bi-badge-4k::before { content: "\f15b"; }
+.bi-badge-8k-fill::before { content: "\f15c"; }
+.bi-badge-8k::before { content: "\f15d"; }
+.bi-badge-ad-fill::before { content: "\f15e"; }
+.bi-badge-ad::before { content: "\f15f"; }
+.bi-badge-cc-fill::before { content: "\f160"; }
+.bi-badge-cc::before { content: "\f161"; }
+.bi-badge-hd-fill::before { content: "\f162"; }
+.bi-badge-hd::before { content: "\f163"; }
+.bi-badge-tm-fill::before { content: "\f164"; }
+.bi-badge-tm::before { content: "\f165"; }
+.bi-badge-vo-fill::before { content: "\f166"; }
+.bi-badge-vo::before { content: "\f167"; }
+.bi-bag-check-fill::before { content: "\f168"; }
+.bi-bag-check::before { content: "\f169"; }
+.bi-bag-dash-fill::before { content: "\f16a"; }
+.bi-bag-dash::before { content: "\f16b"; }
+.bi-bag-fill::before { content: "\f16c"; }
+.bi-bag-plus-fill::before { content: "\f16d"; }
+.bi-bag-plus::before { content: "\f16e"; }
+.bi-bag-x-fill::before { content: "\f16f"; }
+.bi-bag-x::before { content: "\f170"; }
+.bi-bag::before { content: "\f171"; }
+.bi-bar-chart-fill::before { content: "\f172"; }
+.bi-bar-chart-line-fill::before { content: "\f173"; }
+.bi-bar-chart-line::before { content: "\f174"; }
+.bi-bar-chart-steps::before { content: "\f175"; }
+.bi-bar-chart::before { content: "\f176"; }
+.bi-basket-fill::before { content: "\f177"; }
+.bi-basket::before { content: "\f178"; }
+.bi-basket2-fill::before { content: "\f179"; }
+.bi-basket2::before { content: "\f17a"; }
+.bi-basket3-fill::before { content: "\f17b"; }
+.bi-basket3::before { content: "\f17c"; }
+.bi-battery-charging::before { content: "\f17d"; }
+.bi-battery-full::before { content: "\f17e"; }
+.bi-battery-half::before { content: "\f17f"; }
+.bi-battery::before { content: "\f180"; }
+.bi-bell-fill::before { content: "\f181"; }
+.bi-bell::before { content: "\f182"; }
+.bi-bezier::before { content: "\f183"; }
+.bi-bezier2::before { content: "\f184"; }
+.bi-bicycle::before { content: "\f185"; }
+.bi-binoculars-fill::before { content: "\f186"; }
+.bi-binoculars::before { content: "\f187"; }
+.bi-blockquote-left::before { content: "\f188"; }
+.bi-blockquote-right::before { content: "\f189"; }
+.bi-book-fill::before { content: "\f18a"; }
+.bi-book-half::before { content: "\f18b"; }
+.bi-book::before { content: "\f18c"; }
+.bi-bookmark-check-fill::before { content: "\f18d"; }
+.bi-bookmark-check::before { content: "\f18e"; }
+.bi-bookmark-dash-fill::before { content: "\f18f"; }
+.bi-bookmark-dash::before { content: "\f190"; }
+.bi-bookmark-fill::before { content: "\f191"; }
+.bi-bookmark-heart-fill::before { content: "\f192"; }
+.bi-bookmark-heart::before { content: "\f193"; }
+.bi-bookmark-plus-fill::before { content: "\f194"; }
+.bi-bookmark-plus::before { content: "\f195"; }
+.bi-bookmark-star-fill::before { content: "\f196"; }
+.bi-bookmark-star::before { content: "\f197"; }
+.bi-bookmark-x-fill::before { content: "\f198"; }
+.bi-bookmark-x::before { content: "\f199"; }
+.bi-bookmark::before { content: "\f19a"; }
+.bi-bookmarks-fill::before { content: "\f19b"; }
+.bi-bookmarks::before { content: "\f19c"; }
+.bi-bookshelf::before { content: "\f19d"; }
+.bi-bootstrap-fill::before { content: "\f19e"; }
+.bi-bootstrap-reboot::before { content: "\f19f"; }
+.bi-bootstrap::before { content: "\f1a0"; }
+.bi-border-style::before { content: "\f1a1"; }
+.bi-border-width::before { content: "\f1a2"; }
+.bi-bounding-box-circles::before { content: "\f1a3"; }
+.bi-bounding-box::before { content: "\f1a4"; }
+.bi-box-arrow-down-left::before { content: "\f1a5"; }
+.bi-box-arrow-down-right::before { content: "\f1a6"; }
+.bi-box-arrow-down::before { content: "\f1a7"; }
+.bi-box-arrow-in-down-left::before { content: "\f1a8"; }
+.bi-box-arrow-in-down-right::before { content: "\f1a9"; }
+.bi-box-arrow-in-down::before { content: "\f1aa"; }
+.bi-box-arrow-in-left::before { content: "\f1ab"; }
+.bi-box-arrow-in-right::before { content: "\f1ac"; }
+.bi-box-arrow-in-up-left::before { content: "\f1ad"; }
+.bi-box-arrow-in-up-right::before { content: "\f1ae"; }
+.bi-box-arrow-in-up::before { content: "\f1af"; }
+.bi-box-arrow-left::before { content: "\f1b0"; }
+.bi-box-arrow-right::before { content: "\f1b1"; }
+.bi-box-arrow-up-left::before { content: "\f1b2"; }
+.bi-box-arrow-up-right::before { content: "\f1b3"; }
+.bi-box-arrow-up::before { content: "\f1b4"; }
+.bi-box-seam::before { content: "\f1b5"; }
+.bi-box::before { content: "\f1b6"; }
+.bi-braces::before { content: "\f1b7"; }
+.bi-bricks::before { content: "\f1b8"; }
+.bi-briefcase-fill::before { content: "\f1b9"; }
+.bi-briefcase::before { content: "\f1ba"; }
+.bi-brightness-alt-high-fill::before { content: "\f1bb"; }
+.bi-brightness-alt-high::before { content: "\f1bc"; }
+.bi-brightness-alt-low-fill::before { content: "\f1bd"; }
+.bi-brightness-alt-low::before { content: "\f1be"; }
+.bi-brightness-high-fill::before { content: "\f1bf"; }
+.bi-brightness-high::before { content: "\f1c0"; }
+.bi-brightness-low-fill::before { content: "\f1c1"; }
+.bi-brightness-low::before { content: "\f1c2"; }
+.bi-broadcast-pin::before { content: "\f1c3"; }
+.bi-broadcast::before { content: "\f1c4"; }
+.bi-brush-fill::before { content: "\f1c5"; }
+.bi-brush::before { content: "\f1c6"; }
+.bi-bucket-fill::before { content: "\f1c7"; }
+.bi-bucket::before { content: "\f1c8"; }
+.bi-bug-fill::before { content: "\f1c9"; }
+.bi-bug::before { content: "\f1ca"; }
+.bi-building::before { content: "\f1cb"; }
+.bi-bullseye::before { content: "\f1cc"; }
+.bi-calculator-fill::before { content: "\f1cd"; }
+.bi-calculator::before { content: "\f1ce"; }
+.bi-calendar-check-fill::before { content: "\f1cf"; }
+.bi-calendar-check::before { content: "\f1d0"; }
+.bi-calendar-date-fill::before { content: "\f1d1"; }
+.bi-calendar-date::before { content: "\f1d2"; }
+.bi-calendar-day-fill::before { content: "\f1d3"; }
+.bi-calendar-day::before { content: "\f1d4"; }
+.bi-calendar-event-fill::before { content: "\f1d5"; }
+.bi-calendar-event::before { content: "\f1d6"; }
+.bi-calendar-fill::before { content: "\f1d7"; }
+.bi-calendar-minus-fill::before { content: "\f1d8"; }
+.bi-calendar-minus::before { content: "\f1d9"; }
+.bi-calendar-month-fill::before { content: "\f1da"; }
+.bi-calendar-month::before { content: "\f1db"; }
+.bi-calendar-plus-fill::before { content: "\f1dc"; }
+.bi-calendar-plus::before { content: "\f1dd"; }
+.bi-calendar-range-fill::before { content: "\f1de"; }
+.bi-calendar-range::before { content: "\f1df"; }
+.bi-calendar-week-fill::before { content: "\f1e0"; }
+.bi-calendar-week::before { content: "\f1e1"; }
+.bi-calendar-x-fill::before { content: "\f1e2"; }
+.bi-calendar-x::before { content: "\f1e3"; }
+.bi-calendar::before { content: "\f1e4"; }
+.bi-calendar2-check-fill::before { content: "\f1e5"; }
+.bi-calendar2-check::before { content: "\f1e6"; }
+.bi-calendar2-date-fill::before { content: "\f1e7"; }
+.bi-calendar2-date::before { content: "\f1e8"; }
+.bi-calendar2-day-fill::before { content: "\f1e9"; }
+.bi-calendar2-day::before { content: "\f1ea"; }
+.bi-calendar2-event-fill::before { content: "\f1eb"; }
+.bi-calendar2-event::before { content: "\f1ec"; }
+.bi-calendar2-fill::before { content: "\f1ed"; }
+.bi-calendar2-minus-fill::before { content: "\f1ee"; }
+.bi-calendar2-minus::before { content: "\f1ef"; }
+.bi-calendar2-month-fill::before { content: "\f1f0"; }
+.bi-calendar2-month::before { content: "\f1f1"; }
+.bi-calendar2-plus-fill::before { content: "\f1f2"; }
+.bi-calendar2-plus::before { content: "\f1f3"; }
+.bi-calendar2-range-fill::before { content: "\f1f4"; }
+.bi-calendar2-range::before { content: "\f1f5"; }
+.bi-calendar2-week-fill::before { content: "\f1f6"; }
+.bi-calendar2-week::before { content: "\f1f7"; }
+.bi-calendar2-x-fill::before { content: "\f1f8"; }
+.bi-calendar2-x::before { content: "\f1f9"; }
+.bi-calendar2::before { content: "\f1fa"; }
+.bi-calendar3-event-fill::before { content: "\f1fb"; }
+.bi-calendar3-event::before { content: "\f1fc"; }
+.bi-calendar3-fill::before { content: "\f1fd"; }
+.bi-calendar3-range-fill::before { content: "\f1fe"; }
+.bi-calendar3-range::before { content: "\f1ff"; }
+.bi-calendar3-week-fill::before { content: "\f200"; }
+.bi-calendar3-week::before { content: "\f201"; }
+.bi-calendar3::before { content: "\f202"; }
+.bi-calendar4-event::before { content: "\f203"; }
+.bi-calendar4-range::before { content: "\f204"; }
+.bi-calendar4-week::before { content: "\f205"; }
+.bi-calendar4::before { content: "\f206"; }
+.bi-camera-fill::before { content: "\f207"; }
+.bi-camera-reels-fill::before { content: "\f208"; }
+.bi-camera-reels::before { content: "\f209"; }
+.bi-camera-video-fill::before { content: "\f20a"; }
+.bi-camera-video-off-fill::before { content: "\f20b"; }
+.bi-camera-video-off::before { content: "\f20c"; }
+.bi-camera-video::before { content: "\f20d"; }
+.bi-camera::before { content: "\f20e"; }
+.bi-camera2::before { content: "\f20f"; }
+.bi-capslock-fill::before { content: "\f210"; }
+.bi-capslock::before { content: "\f211"; }
+.bi-card-checklist::before { content: "\f212"; }
+.bi-card-heading::before { content: "\f213"; }
+.bi-card-image::before { content: "\f214"; }
+.bi-card-list::before { content: "\f215"; }
+.bi-card-text::before { content: "\f216"; }
+.bi-caret-down-fill::before { content: "\f217"; }
+.bi-caret-down-square-fill::before { content: "\f218"; }
+.bi-caret-down-square::before { content: "\f219"; }
+.bi-caret-down::before { content: "\f21a"; }
+.bi-caret-left-fill::before { content: "\f21b"; }
+.bi-caret-left-square-fill::before { content: "\f21c"; }
+.bi-caret-left-square::before { content: "\f21d"; }
+.bi-caret-left::before { content: "\f21e"; }
+.bi-caret-right-fill::before { content: "\f21f"; }
+.bi-caret-right-square-fill::before { content: "\f220"; }
+.bi-caret-right-square::before { content: "\f221"; }
+.bi-caret-right::before { content: "\f222"; }
+.bi-caret-up-fill::before { content: "\f223"; }
+.bi-caret-up-square-fill::before { content: "\f224"; }
+.bi-caret-up-square::before { content: "\f225"; }
+.bi-caret-up::before { content: "\f226"; }
+.bi-cart-check-fill::before { content: "\f227"; }
+.bi-cart-check::before { content: "\f228"; }
+.bi-cart-dash-fill::before { content: "\f229"; }
+.bi-cart-dash::before { content: "\f22a"; }
+.bi-cart-fill::before { content: "\f22b"; }
+.bi-cart-plus-fill::before { content: "\f22c"; }
+.bi-cart-plus::before { content: "\f22d"; }
+.bi-cart-x-fill::before { content: "\f22e"; }
+.bi-cart-x::before { content: "\f22f"; }
+.bi-cart::before { content: "\f230"; }
+.bi-cart2::before { content: "\f231"; }
+.bi-cart3::before { content: "\f232"; }
+.bi-cart4::before { content: "\f233"; }
+.bi-cash-stack::before { content: "\f234"; }
+.bi-cash::before { content: "\f235"; }
+.bi-cast::before { content: "\f236"; }
+.bi-chat-dots-fill::before { content: "\f237"; }
+.bi-chat-dots::before { content: "\f238"; }
+.bi-chat-fill::before { content: "\f239"; }
+.bi-chat-left-dots-fill::before { content: "\f23a"; }
+.bi-chat-left-dots::before { content: "\f23b"; }
+.bi-chat-left-fill::before { content: "\f23c"; }
+.bi-chat-left-quote-fill::before { content: "\f23d"; }
+.bi-chat-left-quote::before { content: "\f23e"; }
+.bi-chat-left-text-fill::before { content: "\f23f"; }
+.bi-chat-left-text::before { content: "\f240"; }
+.bi-chat-left::before { content: "\f241"; }
+.bi-chat-quote-fill::before { content: "\f242"; }
+.bi-chat-quote::before { content: "\f243"; }
+.bi-chat-right-dots-fill::before { content: "\f244"; }
+.bi-chat-right-dots::before { content: "\f245"; }
+.bi-chat-right-fill::before { content: "\f246"; }
+.bi-chat-right-quote-fill::before { content: "\f247"; }
+.bi-chat-right-quote::before { content: "\f248"; }
+.bi-chat-right-text-fill::before { content: "\f249"; }
+.bi-chat-right-text::before { content: "\f24a"; }
+.bi-chat-right::before { content: "\f24b"; }
+.bi-chat-square-dots-fill::before { content: "\f24c"; }
+.bi-chat-square-dots::before { content: "\f24d"; }
+.bi-chat-square-fill::before { content: "\f24e"; }
+.bi-chat-square-quote-fill::before { content: "\f24f"; }
+.bi-chat-square-quote::before { content: "\f250"; }
+.bi-chat-square-text-fill::before { content: "\f251"; }
+.bi-chat-square-text::before { content: "\f252"; }
+.bi-chat-square::before { content: "\f253"; }
+.bi-chat-text-fill::before { content: "\f254"; }
+.bi-chat-text::before { content: "\f255"; }
+.bi-chat::before { content: "\f256"; }
+.bi-check-all::before { content: "\f257"; }
+.bi-check-circle-fill::before { content: "\f258"; }
+.bi-check-circle::before { content: "\f259"; }
+.bi-check-square-fill::before { content: "\f25a"; }
+.bi-check-square::before { content: "\f25b"; }
+.bi-check::before { content: "\f25c"; }
+.bi-check2-all::before { content: "\f25d"; }
+.bi-check2-circle::before { content: "\f25e"; }
+.bi-check2-square::before { content: "\f25f"; }
+.bi-check2::before { content: "\f260"; }
+.bi-chevron-bar-contract::before { content: "\f261"; }
+.bi-chevron-bar-down::before { content: "\f262"; }
+.bi-chevron-bar-expand::before { content: "\f263"; }
+.bi-chevron-bar-left::before { content: "\f264"; }
+.bi-chevron-bar-right::before { content: "\f265"; }
+.bi-chevron-bar-up::before { content: "\f266"; }
+.bi-chevron-compact-down::before { content: "\f267"; }
+.bi-chevron-compact-left::before { content: "\f268"; }
+.bi-chevron-compact-right::before { content: "\f269"; }
+.bi-chevron-compact-up::before { content: "\f26a"; }
+.bi-chevron-contract::before { content: "\f26b"; }
+.bi-chevron-double-down::before { content: "\f26c"; }
+.bi-chevron-double-left::before { content: "\f26d"; }
+.bi-chevron-double-right::before { content: "\f26e"; }
+.bi-chevron-double-up::before { content: "\f26f"; }
+.bi-chevron-down::before { content: "\f270"; }
+.bi-chevron-expand::before { content: "\f271"; }
+.bi-chevron-left::before { content: "\f272"; }
+.bi-chevron-right::before { content: "\f273"; }
+.bi-chevron-up::before { content: "\f274"; }
+.bi-circle-fill::before { content: "\f275"; }
+.bi-circle-half::before { content: "\f276"; }
+.bi-circle-square::before { content: "\f277"; }
+.bi-circle::before { content: "\f278"; }
+.bi-clipboard-check::before { content: "\f279"; }
+.bi-clipboard-data::before { content: "\f27a"; }
+.bi-clipboard-minus::before { content: "\f27b"; }
+.bi-clipboard-plus::before { content: "\f27c"; }
+.bi-clipboard-x::before { content: "\f27d"; }
+.bi-clipboard::before { content: "\f27e"; }
+.bi-clock-fill::before { content: "\f27f"; }
+.bi-clock-history::before { content: "\f280"; }
+.bi-clock::before { content: "\f281"; }
+.bi-cloud-arrow-down-fill::before { content: "\f282"; }
+.bi-cloud-arrow-down::before { content: "\f283"; }
+.bi-cloud-arrow-up-fill::before { content: "\f284"; }
+.bi-cloud-arrow-up::before { content: "\f285"; }
+.bi-cloud-check-fill::before { content: "\f286"; }
+.bi-cloud-check::before { content: "\f287"; }
+.bi-cloud-download-fill::before { content: "\f288"; }
+.bi-cloud-download::before { content: "\f289"; }
+.bi-cloud-fill::before { content: "\f28a"; }
+.bi-cloud-minus-fill::before { content: "\f28b"; }
+.bi-cloud-minus::before { content: "\f28c"; }
+.bi-cloud-plus-fill::before { content: "\f28d"; }
+.bi-cloud-plus::before { content: "\f28e"; }
+.bi-cloud-slash-fill::before { content: "\f28f"; }
+.bi-cloud-slash::before { content: "\f290"; }
+.bi-cloud-upload-fill::before { content: "\f291"; }
+.bi-cloud-upload::before { content: "\f292"; }
+.bi-cloud::before { content: "\f293"; }
+.bi-code-slash::before { content: "\f294"; }
+.bi-code-square::before { content: "\f295"; }
+.bi-code::before { content: "\f296"; }
+.bi-collection-fill::before { content: "\f297"; }
+.bi-collection-play-fill::before { content: "\f298"; }
+.bi-collection-play::before { content: "\f299"; }
+.bi-collection::before { content: "\f29a"; }
+.bi-columns-gap::before { content: "\f29b"; }
+.bi-columns::before { content: "\f29c"; }
+.bi-command::before { content: "\f29d"; }
+.bi-compass-fill::before { content: "\f29e"; }
+.bi-compass::before { content: "\f29f"; }
+.bi-cone-striped::before { content: "\f2a0"; }
+.bi-cone::before { content: "\f2a1"; }
+.bi-controller::before { content: "\f2a2"; }
+.bi-cpu-fill::before { content: "\f2a3"; }
+.bi-cpu::before { content: "\f2a4"; }
+.bi-credit-card-2-back-fill::before { content: "\f2a5"; }
+.bi-credit-card-2-back::before { content: "\f2a6"; }
+.bi-credit-card-2-front-fill::before { content: "\f2a7"; }
+.bi-credit-card-2-front::before { content: "\f2a8"; }
+.bi-credit-card-fill::before { content: "\f2a9"; }
+.bi-credit-card::before { content: "\f2aa"; }
+.bi-crop::before { content: "\f2ab"; }
+.bi-cup-fill::before { content: "\f2ac"; }
+.bi-cup-straw::before { content: "\f2ad"; }
+.bi-cup::before { content: "\f2ae"; }
+.bi-cursor-fill::before { content: "\f2af"; }
+.bi-cursor-text::before { content: "\f2b0"; }
+.bi-cursor::before { content: "\f2b1"; }
+.bi-dash-circle-fill::before { content: "\f2b2"; }
+.bi-dash-circle::before { content: "\f2b3"; }
+.bi-dash-square-fill::before { content: "\f2b4"; }
+.bi-dash-square::before { content: "\f2b5"; }
+.bi-dash::before { content: "\f2b6"; }
+.bi-diagram-2-fill::before { content: "\f2b7"; }
+.bi-diagram-2::before { content: "\f2b8"; }
+.bi-diagram-3-fill::before { content: "\f2b9"; }
+.bi-diagram-3::before { content: "\f2ba"; }
+.bi-diamond-fill::before { content: "\f2bb"; }
+.bi-diamond-half::before { content: "\f2bc"; }
+.bi-diamond::before { content: "\f2bd"; }
+.bi-dice-1-fill::before { content: "\f2be"; }
+.bi-dice-1::before { content: "\f2bf"; }
+.bi-dice-2-fill::before { content: "\f2c0"; }
+.bi-dice-2::before { content: "\f2c1"; }
+.bi-dice-3-fill::before { content: "\f2c2"; }
+.bi-dice-3::before { content: "\f2c3"; }
+.bi-dice-4-fill::before { content: "\f2c4"; }
+.bi-dice-4::before { content: "\f2c5"; }
+.bi-dice-5-fill::before { content: "\f2c6"; }
+.bi-dice-5::before { content: "\f2c7"; }
+.bi-dice-6-fill::before { content: "\f2c8"; }
+.bi-dice-6::before { content: "\f2c9"; }
+.bi-disc-fill::before { content: "\f2ca"; }
+.bi-disc::before { content: "\f2cb"; }
+.bi-display-fill::before { content: "\f2cc"; }
+.bi-display::before { content: "\f2cd"; }
+.bi-distribute-horizontal::before { content: "\f2ce"; }
+.bi-distribute-vertical::before { content: "\f2cf"; }
+.bi-door-closed-fill::before { content: "\f2d0"; }
+.bi-door-closed::before { content: "\f2d1"; }
+.bi-door-open-fill::before { content: "\f2d2"; }
+.bi-door-open::before { content: "\f2d3"; }
+.bi-dot::before { content: "\f2d4"; }
+.bi-download::before { content: "\f2d5"; }
+.bi-droplet-fill::before { content: "\f2d6"; }
+.bi-droplet-half::before { content: "\f2d7"; }
+.bi-droplet::before { content: "\f2d8"; }
+.bi-earbuds::before { content: "\f2d9"; }
+.bi-easel-fill::before { content: "\f2da"; }
+.bi-easel::before { content: "\f2db"; }
+.bi-egg-fill::before { content: "\f2dc"; }
+.bi-egg-fried::before { content: "\f2dd"; }
+.bi-egg::before { content: "\f2de"; }
+.bi-eject-fill::before { content: "\f2df"; }
+.bi-eject::before { content: "\f2e0"; }
+.bi-emoji-angry-fill::before { content: "\f2e1"; }
+.bi-emoji-angry::before { content: "\f2e2"; }
+.bi-emoji-dizzy-fill::before { content: "\f2e3"; }
+.bi-emoji-dizzy::before { content: "\f2e4"; }
+.bi-emoji-expressionless-fill::before { content: "\f2e5"; }
+.bi-emoji-expressionless::before { content: "\f2e6"; }
+.bi-emoji-frown-fill::before { content: "\f2e7"; }
+.bi-emoji-frown::before { content: "\f2e8"; }
+.bi-emoji-heart-eyes-fill::before { content: "\f2e9"; }
+.bi-emoji-heart-eyes::before { content: "\f2ea"; }
+.bi-emoji-laughing-fill::before { content: "\f2eb"; }
+.bi-emoji-laughing::before { content: "\f2ec"; }
+.bi-emoji-neutral-fill::before { content: "\f2ed"; }
+.bi-emoji-neutral::before { content: "\f2ee"; }
+.bi-emoji-smile-fill::before { content: "\f2ef"; }
+.bi-emoji-smile-upside-down-fill::before { content: "\f2f0"; }
+.bi-emoji-smile-upside-down::before { content: "\f2f1"; }
+.bi-emoji-smile::before { content: "\f2f2"; }
+.bi-emoji-sunglasses-fill::before { content: "\f2f3"; }
+.bi-emoji-sunglasses::before { content: "\f2f4"; }
+.bi-emoji-wink-fill::before { content: "\f2f5"; }
+.bi-emoji-wink::before { content: "\f2f6"; }
+.bi-envelope-fill::before { content: "\f2f7"; }
+.bi-envelope-open-fill::before { content: "\f2f8"; }
+.bi-envelope-open::before { content: "\f2f9"; }
+.bi-envelope::before { content: "\f2fa"; }
+.bi-exclamation-circle-fill::before { content: "\f2fb"; }
+.bi-exclamation-circle::before { content: "\f2fc"; }
+.bi-exclamation-diamond-fill::before { content: "\f2fd"; }
+.bi-exclamation-diamond::before { content: "\f2fe"; }
+.bi-exclamation-octagon-fill::before { content: "\f2ff"; }
+.bi-exclamation-octagon::before { content: "\f300"; }
+.bi-exclamation-square-fill::before { content: "\f301"; }
+.bi-exclamation-square::before { content: "\f302"; }
+.bi-exclamation-triangle-fill::before { content: "\f303"; }
+.bi-exclamation-triangle::before { content: "\f304"; }
+.bi-exclamation::before { content: "\f305"; }
+.bi-exclude::before { content: "\f306"; }
+.bi-eye-fill::before { content: "\f307"; }
+.bi-eye-slash-fill::before { content: "\f308"; }
+.bi-eye-slash::before { content: "\f309"; }
+.bi-eye::before { content: "\f30a"; }
+.bi-eyeglasses::before { content: "\f30b"; }
+.bi-facebook::before { content: "\f30c"; }
+.bi-file-arrow-down-fill::before { content: "\f30d"; }
+.bi-file-arrow-down::before { content: "\f30e"; }
+.bi-file-arrow-up-fill::before { content: "\f30f"; }
+.bi-file-arrow-up::before { content: "\f310"; }
+.bi-file-bar-graph-fill::before { content: "\f311"; }
+.bi-file-bar-graph::before { content: "\f312"; }
+.bi-file-binary-fill::before { content: "\f313"; }
+.bi-file-binary::before { content: "\f314"; }
+.bi-file-break-fill::before { content: "\f315"; }
+.bi-file-break::before { content: "\f316"; }
+.bi-file-check-fill::before { content: "\f317"; }
+.bi-file-check::before { content: "\f318"; }
+.bi-file-code-fill::before { content: "\f319"; }
+.bi-file-code::before { content: "\f31a"; }
+.bi-file-diff-fill::before { content: "\f31b"; }
+.bi-file-diff::before { content: "\f31c"; }
+.bi-file-earmark-arrow-down-fill::before { content: "\f31d"; }
+.bi-file-earmark-arrow-down::before { content: "\f31e"; }
+.bi-file-earmark-arrow-up-fill::before { content: "\f31f"; }
+.bi-file-earmark-arrow-up::before { content: "\f320"; }
+.bi-file-earmark-bar-graph-fill::before { content: "\f321"; }
+.bi-file-earmark-bar-graph::before { content: "\f322"; }
+.bi-file-earmark-binary-fill::before { content: "\f323"; }
+.bi-file-earmark-binary::before { content: "\f324"; }
+.bi-file-earmark-break-fill::before { content: "\f325"; }
+.bi-file-earmark-break::before { content: "\f326"; }
+.bi-file-earmark-check-fill::before { content: "\f327"; }
+.bi-file-earmark-check::before { content: "\f328"; }
+.bi-file-earmark-code-fill::before { content: "\f329"; }
+.bi-file-earmark-code::before { content: "\f32a"; }
+.bi-file-earmark-diff-fill::before { content: "\f32b"; }
+.bi-file-earmark-diff::before { content: "\f32c"; }
+.bi-file-earmark-easel-fill::before { content: "\f32d"; }
+.bi-file-earmark-easel::before { content: "\f32e"; }
+.bi-file-earmark-excel-fill::before { content: "\f32f"; }
+.bi-file-earmark-excel::before { content: "\f330"; }
+.bi-file-earmark-fill::before { content: "\f331"; }
+.bi-file-earmark-font-fill::before { content: "\f332"; }
+.bi-file-earmark-font::before { content: "\f333"; }
+.bi-file-earmark-image-fill::before { content: "\f334"; }
+.bi-file-earmark-image::before { content: "\f335"; }
+.bi-file-earmark-lock-fill::before { content: "\f336"; }
+.bi-file-earmark-lock::before { content: "\f337"; }
+.bi-file-earmark-lock2-fill::before { content: "\f338"; }
+.bi-file-earmark-lock2::before { content: "\f339"; }
+.bi-file-earmark-medical-fill::before { content: "\f33a"; }
+.bi-file-earmark-medical::before { content: "\f33b"; }
+.bi-file-earmark-minus-fill::before { content: "\f33c"; }
+.bi-file-earmark-minus::before { content: "\f33d"; }
+.bi-file-earmark-music-fill::before { content: "\f33e"; }
+.bi-file-earmark-music::before { content: "\f33f"; }
+.bi-file-earmark-person-fill::before { content: "\f340"; }
+.bi-file-earmark-person::before { content: "\f341"; }
+.bi-file-earmark-play-fill::before { content: "\f342"; }
+.bi-file-earmark-play::before { content: "\f343"; }
+.bi-file-earmark-plus-fill::before { content: "\f344"; }
+.bi-file-earmark-plus::before { content: "\f345"; }
+.bi-file-earmark-post-fill::before { content: "\f346"; }
+.bi-file-earmark-post::before { content: "\f347"; }
+.bi-file-earmark-ppt-fill::before { content: "\f348"; }
+.bi-file-earmark-ppt::before { content: "\f349"; }
+.bi-file-earmark-richtext-fill::before { content: "\f34a"; }
+.bi-file-earmark-richtext::before { content: "\f34b"; }
+.bi-file-earmark-ruled-fill::before { content: "\f34c"; }
+.bi-file-earmark-ruled::before { content: "\f34d"; }
+.bi-file-earmark-slides-fill::before { content: "\f34e"; }
+.bi-file-earmark-slides::before { content: "\f34f"; }
+.bi-file-earmark-spreadsheet-fill::before { content: "\f350"; }
+.bi-file-earmark-spreadsheet::before { content: "\f351"; }
+.bi-file-earmark-text-fill::before { content: "\f352"; }
+.bi-file-earmark-text::before { content: "\f353"; }
+.bi-file-earmark-word-fill::before { content: "\f354"; }
+.bi-file-earmark-word::before { content: "\f355"; }
+.bi-file-earmark-x-fill::before { content: "\f356"; }
+.bi-file-earmark-x::before { content: "\f357"; }
+.bi-file-earmark-zip-fill::before { content: "\f358"; }
+.bi-file-earmark-zip::before { content: "\f359"; }
+.bi-file-earmark::before { content: "\f35a"; }
+.bi-file-easel-fill::before { content: "\f35b"; }
+.bi-file-easel::before { content: "\f35c"; }
+.bi-file-excel-fill::before { content: "\f35d"; }
+.bi-file-excel::before { content: "\f35e"; }
+.bi-file-fill::before { content: "\f35f"; }
+.bi-file-font-fill::before { content: "\f360"; }
+.bi-file-font::before { content: "\f361"; }
+.bi-file-image-fill::before { content: "\f362"; }
+.bi-file-image::before { content: "\f363"; }
+.bi-file-lock-fill::before { content: "\f364"; }
+.bi-file-lock::before { content: "\f365"; }
+.bi-file-lock2-fill::before { content: "\f366"; }
+.bi-file-lock2::before { content: "\f367"; }
+.bi-file-medical-fill::before { content: "\f368"; }
+.bi-file-medical::before { content: "\f369"; }
+.bi-file-minus-fill::before { content: "\f36a"; }
+.bi-file-minus::before { content: "\f36b"; }
+.bi-file-music-fill::before { content: "\f36c"; }
+.bi-file-music::before { content: "\f36d"; }
+.bi-file-person-fill::before { content: "\f36e"; }
+.bi-file-person::before { content: "\f36f"; }
+.bi-file-play-fill::before { content: "\f370"; }
+.bi-file-play::before { content: "\f371"; }
+.bi-file-plus-fill::before { content: "\f372"; }
+.bi-file-plus::before { content: "\f373"; }
+.bi-file-post-fill::before { content: "\f374"; }
+.bi-file-post::before { content: "\f375"; }
+.bi-file-ppt-fill::before { content: "\f376"; }
+.bi-file-ppt::before { content: "\f377"; }
+.bi-file-richtext-fill::before { content: "\f378"; }
+.bi-file-richtext::before { content: "\f379"; }
+.bi-file-ruled-fill::before { content: "\f37a"; }
+.bi-file-ruled::before { content: "\f37b"; }
+.bi-file-slides-fill::before { content: "\f37c"; }
+.bi-file-slides::before { content: "\f37d"; }
+.bi-file-spreadsheet-fill::before { content: "\f37e"; }
+.bi-file-spreadsheet::before { content: "\f37f"; }
+.bi-file-text-fill::before { content: "\f380"; }
+.bi-file-text::before { content: "\f381"; }
+.bi-file-word-fill::before { content: "\f382"; }
+.bi-file-word::before { content: "\f383"; }
+.bi-file-x-fill::before { content: "\f384"; }
+.bi-file-x::before { content: "\f385"; }
+.bi-file-zip-fill::before { content: "\f386"; }
+.bi-file-zip::before { content: "\f387"; }
+.bi-file::before { content: "\f388"; }
+.bi-files-alt::before { content: "\f389"; }
+.bi-files::before { content: "\f38a"; }
+.bi-film::before { content: "\f38b"; }
+.bi-filter-circle-fill::before { content: "\f38c"; }
+.bi-filter-circle::before { content: "\f38d"; }
+.bi-filter-left::before { content: "\f38e"; }
+.bi-filter-right::before { content: "\f38f"; }
+.bi-filter-square-fill::before { content: "\f390"; }
+.bi-filter-square::before { content: "\f391"; }
+.bi-filter::before { content: "\f392"; }
+.bi-flag-fill::before { content: "\f393"; }
+.bi-flag::before { content: "\f394"; }
+.bi-flower1::before { content: "\f395"; }
+.bi-flower2::before { content: "\f396"; }
+.bi-flower3::before { content: "\f397"; }
+.bi-folder-check::before { content: "\f398"; }
+.bi-folder-fill::before { content: "\f399"; }
+.bi-folder-minus::before { content: "\f39a"; }
+.bi-folder-plus::before { content: "\f39b"; }
+.bi-folder-symlink-fill::before { content: "\f39c"; }
+.bi-folder-symlink::before { content: "\f39d"; }
+.bi-folder-x::before { content: "\f39e"; }
+.bi-folder::before { content: "\f39f"; }
+.bi-folder2-open::before { content: "\f3a0"; }
+.bi-folder2::before { content: "\f3a1"; }
+.bi-fonts::before { content: "\f3a2"; }
+.bi-forward-fill::before { content: "\f3a3"; }
+.bi-forward::before { content: "\f3a4"; }
+.bi-front::before { content: "\f3a5"; }
+.bi-fullscreen-exit::before { content: "\f3a6"; }
+.bi-fullscreen::before { content: "\f3a7"; }
+.bi-funnel-fill::before { content: "\f3a8"; }
+.bi-funnel::before { content: "\f3a9"; }
+.bi-gear-fill::before { content: "\f3aa"; }
+.bi-gear-wide-connected::before { content: "\f3ab"; }
+.bi-gear-wide::before { content: "\f3ac"; }
+.bi-gear::before { content: "\f3ad"; }
+.bi-gem::before { content: "\f3ae"; }
+.bi-geo-alt-fill::before { content: "\f3af"; }
+.bi-geo-alt::before { content: "\f3b0"; }
+.bi-geo-fill::before { content: "\f3b1"; }
+.bi-geo::before { content: "\f3b2"; }
+.bi-gift-fill::before { content: "\f3b3"; }
+.bi-gift::before { content: "\f3b4"; }
+.bi-github::before { content: "\f3b5"; }
+.bi-globe::before { content: "\f3b6"; }
+.bi-globe2::before { content: "\f3b7"; }
+.bi-google::before { content: "\f3b8"; }
+.bi-graph-down::before { content: "\f3b9"; }
+.bi-graph-up::before { content: "\f3ba"; }
+.bi-grid-1x2-fill::before { content: "\f3bb"; }
+.bi-grid-1x2::before { content: "\f3bc"; }
+.bi-grid-3x2-gap-fill::before { content: "\f3bd"; }
+.bi-grid-3x2-gap::before { content: "\f3be"; }
+.bi-grid-3x2::before { content: "\f3bf"; }
+.bi-grid-3x3-gap-fill::before { content: "\f3c0"; }
+.bi-grid-3x3-gap::before { content: "\f3c1"; }
+.bi-grid-3x3::before { content: "\f3c2"; }
+.bi-grid-fill::before { content: "\f3c3"; }
+.bi-grid::before { content: "\f3c4"; }
+.bi-grip-horizontal::before { content: "\f3c5"; }
+.bi-grip-vertical::before { content: "\f3c6"; }
+.bi-hammer::before { content: "\f3c7"; }
+.bi-hand-index-thumb::before { content: "\f3c8"; }
+.bi-hand-index::before { content: "\f3c9"; }
+.bi-hand-thumbs-down::before { content: "\f3ca"; }
+.bi-hand-thumbs-up::before { content: "\f3cb"; }
+.bi-handbag-fill::before { content: "\f3cc"; }
+.bi-handbag::before { content: "\f3cd"; }
+.bi-hash::before { content: "\f3ce"; }
+.bi-hdd-fill::before { content: "\f3cf"; }
+.bi-hdd-network-fill::before { content: "\f3d0"; }
+.bi-hdd-network::before { content: "\f3d1"; }
+.bi-hdd-rack-fill::before { content: "\f3d2"; }
+.bi-hdd-rack::before { content: "\f3d3"; }
+.bi-hdd-stack-fill::before { content: "\f3d4"; }
+.bi-hdd-stack::before { content: "\f3d5"; }
+.bi-hdd::before { content: "\f3d6"; }
+.bi-headphones::before { content: "\f3d7"; }
+.bi-headset::before { content: "\f3d8"; }
+.bi-heart-fill::before { content: "\f3d9"; }
+.bi-heart-half::before { content: "\f3da"; }
+.bi-heart::before { content: "\f3db"; }
+.bi-heptagon-fill::before { content: "\f3dc"; }
+.bi-heptagon-half::before { content: "\f3dd"; }
+.bi-heptagon::before { content: "\f3de"; }
+.bi-hexagon-fill::before { content: "\f3df"; }
+.bi-hexagon-half::before { content: "\f3e0"; }
+.bi-hexagon::before { content: "\f3e1"; }
+.bi-hourglass-bottom::before { content: "\f3e2"; }
+.bi-hourglass-split::before { content: "\f3e3"; }
+.bi-hourglass-top::before { content: "\f3e4"; }
+.bi-hourglass::before { content: "\f3e5"; }
+.bi-house-door-fill::before { content: "\f3e6"; }
+.bi-house-door::before { content: "\f3e7"; }
+.bi-house-fill::before { content: "\f3e8"; }
+.bi-house::before { content: "\f3e9"; }
+.bi-hr::before { content: "\f3ea"; }
+.bi-image-alt::before { content: "\f3eb"; }
+.bi-image-fill::before { content: "\f3ec"; }
+.bi-image::before { content: "\f3ed"; }
+.bi-images::before { content: "\f3ee"; }
+.bi-inbox-fill::before { content: "\f3ef"; }
+.bi-inbox::before { content: "\f3f0"; }
+.bi-inboxes-fill::before { content: "\f3f1"; }
+.bi-inboxes::before { content: "\f3f2"; }
+.bi-info-circle-fill::before { content: "\f3f3"; }
+.bi-info-circle::before { content: "\f3f4"; }
+.bi-info-square-fill::before { content: "\f3f5"; }
+.bi-info-square::before { content: "\f3f6"; }
+.bi-info::before { content: "\f3f7"; }
+.bi-input-cursor-text::before { content: "\f3f8"; }
+.bi-input-cursor::before { content: "\f3f9"; }
+.bi-instagram::before { content: "\f3fa"; }
+.bi-intersect::before { content: "\f3fb"; }
+.bi-journal-album::before { content: "\f3fc"; }
+.bi-journal-arrow-down::before { content: "\f3fd"; }
+.bi-journal-arrow-up::before { content: "\f3fe"; }
+.bi-journal-bookmark-fill::before { content: "\f3ff"; }
+.bi-journal-bookmark::before { content: "\f400"; }
+.bi-journal-check::before { content: "\f401"; }
+.bi-journal-code::before { content: "\f402"; }
+.bi-journal-medical::before { content: "\f403"; }
+.bi-journal-minus::before { content: "\f404"; }
+.bi-journal-plus::before { content: "\f405"; }
+.bi-journal-richtext::before { content: "\f406"; }
+.bi-journal-text::before { content: "\f407"; }
+.bi-journal-x::before { content: "\f408"; }
+.bi-journal::before { content: "\f409"; }
+.bi-journals::before { content: "\f40a"; }
+.bi-joystick::before { content: "\f40b"; }
+.bi-justify-left::before { content: "\f40c"; }
+.bi-justify-right::before { content: "\f40d"; }
+.bi-justify::before { content: "\f40e"; }
+.bi-kanban-fill::before { content: "\f40f"; }
+.bi-kanban::before { content: "\f410"; }
+.bi-key-fill::before { content: "\f411"; }
+.bi-key::before { content: "\f412"; }
+.bi-keyboard-fill::before { content: "\f413"; }
+.bi-keyboard::before { content: "\f414"; }
+.bi-ladder::before { content: "\f415"; }
+.bi-lamp-fill::before { content: "\f416"; }
+.bi-lamp::before { content: "\f417"; }
+.bi-laptop-fill::before { content: "\f418"; }
+.bi-laptop::before { content: "\f419"; }
+.bi-layers-fill::before { content: "\f41a"; }
+.bi-layers-half::before { content: "\f41b"; }
+.bi-layers::before { content: "\f41c"; }
+.bi-layout-sidebar-inset-reverse::before { content: "\f41d"; }
+.bi-layout-sidebar-inset::before { content: "\f41e"; }
+.bi-layout-sidebar-reverse::before { content: "\f41f"; }
+.bi-layout-sidebar::before { content: "\f420"; }
+.bi-layout-split::before { content: "\f421"; }
+.bi-layout-text-sidebar-reverse::before { content: "\f422"; }
+.bi-layout-text-sidebar::before { content: "\f423"; }
+.bi-layout-text-window-reverse::before { content: "\f424"; }
+.bi-layout-text-window::before { content: "\f425"; }
+.bi-layout-three-columns::before { content: "\f426"; }
+.bi-layout-wtf::before { content: "\f427"; }
+.bi-life-preserver::before { content: "\f428"; }
+.bi-lightning-fill::before { content: "\f429"; }
+.bi-lightning::before { content: "\f42a"; }
+.bi-link-45deg::before { content: "\f42b"; }
+.bi-link::before { content: "\f42c"; }
+.bi-linkedin::before { content: "\f42d"; }
+.bi-list-check::before { content: "\f42e"; }
+.bi-list-nested::before { content: "\f42f"; }
+.bi-list-ol::before { content: "\f430"; }
+.bi-list-stars::before { content: "\f431"; }
+.bi-list-task::before { content: "\f432"; }
+.bi-list-ul::before { content: "\f433"; }
+.bi-list::before { content: "\f434"; }
+.bi-lock-fill::before { content: "\f435"; }
+.bi-lock::before { content: "\f436"; }
+.bi-mailbox::before { content: "\f437"; }
+.bi-mailbox2::before { content: "\f438"; }
+.bi-map-fill::before { content: "\f439"; }
+.bi-map::before { content: "\f43a"; }
+.bi-markdown-fill::before { content: "\f43b"; }
+.bi-markdown::before { content: "\f43c"; }
+.bi-menu-app-fill::before { content: "\f43d"; }
+.bi-menu-app::before { content: "\f43e"; }
+.bi-menu-button-fill::before { content: "\f43f"; }
+.bi-menu-button-wide-fill::before { content: "\f440"; }
+.bi-menu-button-wide::before { content: "\f441"; }
+.bi-menu-button::before { content: "\f442"; }
+.bi-menu-down::before { content: "\f443"; }
+.bi-menu-up::before { content: "\f444"; }
+.bi-mic-fill::before { content: "\f445"; }
+.bi-mic-mute-fill::before { content: "\f446"; }
+.bi-mic-mute::before { content: "\f447"; }
+.bi-mic::before { content: "\f448"; }
+.bi-minecart-loaded::before { content: "\f449"; }
+.bi-minecart::before { content: "\f44a"; }
+.bi-moon::before { content: "\f44b"; }
+.bi-mouse::before { content: "\f44c"; }
+.bi-mouse2::before { content: "\f44d"; }
+.bi-mouse3::before { content: "\f44e"; }
+.bi-music-note-beamed::before { content: "\f44f"; }
+.bi-music-note-list::before { content: "\f450"; }
+.bi-music-note::before { content: "\f451"; }
+.bi-music-player-fill::before { content: "\f452"; }
+.bi-music-player::before { content: "\f453"; }
+.bi-newspaper::before { content: "\f454"; }
+.bi-node-minus-fill::before { content: "\f455"; }
+.bi-node-minus::before { content: "\f456"; }
+.bi-node-plus-fill::before { content: "\f457"; }
+.bi-node-plus::before { content: "\f458"; }
+.bi-nut-fill::before { content: "\f459"; }
+.bi-nut::before { content: "\f45a"; }
+.bi-octagon-fill::before { content: "\f45b"; }
+.bi-octagon-half::before { content: "\f45c"; }
+.bi-octagon::before { content: "\f45d"; }
+.bi-option::before { content: "\f45e"; }
+.bi-outlet::before { content: "\f45f"; }
+.bi-paperclip::before { content: "\f460"; }
+.bi-paragraph::before { content: "\f461"; }
+.bi-patch-check-fll::before { content: "\f462"; }
+.bi-patch-check::before { content: "\f463"; }
+.bi-patch-exclamation-fll::before { content: "\f464"; }
+.bi-patch-exclamation::before { content: "\f465"; }
+.bi-patch-minus-fll::before { content: "\f466"; }
+.bi-patch-minus::before { content: "\f467"; }
+.bi-patch-plus-fll::before { content: "\f468"; }
+.bi-patch-plus::before { content: "\f469"; }
+.bi-patch-question-fll::before { content: "\f46a"; }
+.bi-patch-question::before { content: "\f46b"; }
+.bi-pause-btn-fill::before { content: "\f46c"; }
+.bi-pause-btn::before { content: "\f46d"; }
+.bi-pause-circle-fill::before { content: "\f46e"; }
+.bi-pause-circle::before { content: "\f46f"; }
+.bi-pause-fill::before { content: "\f470"; }
+.bi-pause::before { content: "\f471"; }
+.bi-peace-fill::before { content: "\f472"; }
+.bi-peace::before { content: "\f473"; }
+.bi-pen-fill::before { content: "\f474"; }
+.bi-pen::before { content: "\f475"; }
+.bi-pencil-fill::before { content: "\f476"; }
+.bi-pencil-square::before { content: "\f477"; }
+.bi-pencil::before { content: "\f478"; }
+.bi-pentagon-fill::before { content: "\f479"; }
+.bi-pentagon-half::before { content: "\f47a"; }
+.bi-pentagon::before { content: "\f47b"; }
+.bi-people-fill::before { content: "\f47c"; }
+.bi-people::before { content: "\f47d"; }
+.bi-percent::before { content: "\f47e"; }
+.bi-person-badge-fill::before { content: "\f47f"; }
+.bi-person-badge::before { content: "\f480"; }
+.bi-person-bounding-box::before { content: "\f481"; }
+.bi-person-check-fill::before { content: "\f482"; }
+.bi-person-check::before { content: "\f483"; }
+.bi-person-circle::before { content: "\f484"; }
+.bi-person-dash-fill::before { content: "\f485"; }
+.bi-person-dash::before { content: "\f486"; }
+.bi-person-fill::before { content: "\f487"; }
+.bi-person-lines-fill::before { content: "\f488"; }
+.bi-person-plus-fill::before { content: "\f489"; }
+.bi-person-plus::before { content: "\f48a"; }
+.bi-person-square::before { content: "\f48b"; }
+.bi-person-x-fill::before { content: "\f48c"; }
+.bi-person-x::before { content: "\f48d"; }
+.bi-person::before { content: "\f48e"; }
+.bi-phone-fill::before { content: "\f48f"; }
+.bi-phone-landscape-fill::before { content: "\f490"; }
+.bi-phone-landscape::before { content: "\f491"; }
+.bi-phone-vibrate::before { content: "\f492"; }
+.bi-phone::before { content: "\f493"; }
+.bi-pie-chart-fill::before { content: "\f494"; }
+.bi-pie-chart::before { content: "\f495"; }
+.bi-pip-fill::before { content: "\f496"; }
+.bi-pip::before { content: "\f497"; }
+.bi-play-btn-fill::before { content: "\f498"; }
+.bi-play-btn::before { content: "\f499"; }
+.bi-play-circle-fill::before { content: "\f49a"; }
+.bi-play-circle::before { content: "\f49b"; }
+.bi-play-fill::before { content: "\f49c"; }
+.bi-play::before { content: "\f49d"; }
+.bi-plug-fill::before { content: "\f49e"; }
+.bi-plug::before { content: "\f49f"; }
+.bi-plus-circle-fill::before { content: "\f4a0"; }
+.bi-plus-circle::before { content: "\f4a1"; }
+.bi-plus-square-fill::before { content: "\f4a2"; }
+.bi-plus-square::before { content: "\f4a3"; }
+.bi-plus::before { content: "\f4a4"; }
+.bi-power::before { content: "\f4a5"; }
+.bi-printer-fill::before { content: "\f4a6"; }
+.bi-printer::before { content: "\f4a7"; }
+.bi-puzzle-fill::before { content: "\f4a8"; }
+.bi-puzzle::before { content: "\f4a9"; }
+.bi-question-circle-fill::before { content: "\f4aa"; }
+.bi-question-circle::before { content: "\f4ab"; }
+.bi-question-diamond-fill::before { content: "\f4ac"; }
+.bi-question-diamond::before { content: "\f4ad"; }
+.bi-question-octagon-fill::before { content: "\f4ae"; }
+.bi-question-octagon::before { content: "\f4af"; }
+.bi-question-square-fill::before { content: "\f4b0"; }
+.bi-question-square::before { content: "\f4b1"; }
+.bi-question::before { content: "\f4b2"; }
+.bi-receipt-cutoff::before { content: "\f4b3"; }
+.bi-receipt::before { content: "\f4b4"; }
+.bi-reception-0::before { content: "\f4b5"; }
+.bi-reception-1::before { content: "\f4b6"; }
+.bi-reception-2::before { content: "\f4b7"; }
+.bi-reception-3::before { content: "\f4b8"; }
+.bi-reception-4::before { content: "\f4b9"; }
+.bi-record-btn-fill::before { content: "\f4ba"; }
+.bi-record-btn::before { content: "\f4bb"; }
+.bi-record-circle-fill::before { content: "\f4bc"; }
+.bi-record-circle::before { content: "\f4bd"; }
+.bi-record-fill::before { content: "\f4be"; }
+.bi-record::before { content: "\f4bf"; }
+.bi-record2-fill::before { content: "\f4c0"; }
+.bi-record2::before { content: "\f4c1"; }
+.bi-reply-all-fill::before { content: "\f4c2"; }
+.bi-reply-all::before { content: "\f4c3"; }
+.bi-reply-fill::before { content: "\f4c4"; }
+.bi-reply::before { content: "\f4c5"; }
+.bi-rss-fill::before { content: "\f4c6"; }
+.bi-rss::before { content: "\f4c7"; }
+.bi-scissors::before { content: "\f4c8"; }
+.bi-screwdriver::before { content: "\f4c9"; }
+.bi-search::before { content: "\f4ca"; }
+.bi-segmented-nav::before { content: "\f4cb"; }
+.bi-server::before { content: "\f4cc"; }
+.bi-share-fill::before { content: "\f4cd"; }
+.bi-share::before { content: "\f4ce"; }
+.bi-shield-check::before { content: "\f4cf"; }
+.bi-shield-exclamation::before { content: "\f4d0"; }
+.bi-shield-fill-check::before { content: "\f4d1"; }
+.bi-shield-fill-exclamation::before { content: "\f4d2"; }
+.bi-shield-fill-minus::before { content: "\f4d3"; }
+.bi-shield-fill-plus::before { content: "\f4d4"; }
+.bi-shield-fill-x::before { content: "\f4d5"; }
+.bi-shield-fill::before { content: "\f4d6"; }
+.bi-shield-lock-fill::before { content: "\f4d7"; }
+.bi-shield-lock::before { content: "\f4d8"; }
+.bi-shield-minus::before { content: "\f4d9"; }
+.bi-shield-plus::before { content: "\f4da"; }
+.bi-shield-shaded::before { content: "\f4db"; }
+.bi-shield-slash-fill::before { content: "\f4dc"; }
+.bi-shield-slash::before { content: "\f4dd"; }
+.bi-shield-x::before { content: "\f4de"; }
+.bi-shield::before { content: "\f4df"; }
+.bi-shift-fill::before { content: "\f4e0"; }
+.bi-shift::before { content: "\f4e1"; }
+.bi-shop-window::before { content: "\f4e2"; }
+.bi-shop::before { content: "\f4e3"; }
+.bi-shuffle::before { content: "\f4e4"; }
+.bi-signpost-2-fill::before { content: "\f4e5"; }
+.bi-signpost-2::before { content: "\f4e6"; }
+.bi-signpost-fill::before { content: "\f4e7"; }
+.bi-signpost-split-fill::before { content: "\f4e8"; }
+.bi-signpost-split::before { content: "\f4e9"; }
+.bi-signpost::before { content: "\f4ea"; }
+.bi-sim-fill::before { content: "\f4eb"; }
+.bi-sim::before { content: "\f4ec"; }
+.bi-skip-backward-btn-fill::before { content: "\f4ed"; }
+.bi-skip-backward-btn::before { content: "\f4ee"; }
+.bi-skip-backward-circle-fill::before { content: "\f4ef"; }
+.bi-skip-backward-circle::before { content: "\f4f0"; }
+.bi-skip-backward-fill::before { content: "\f4f1"; }
+.bi-skip-backward::before { content: "\f4f2"; }
+.bi-skip-end-btn-fill::before { content: "\f4f3"; }
+.bi-skip-end-btn::before { content: "\f4f4"; }
+.bi-skip-end-circle-fill::before { content: "\f4f5"; }
+.bi-skip-end-circle::before { content: "\f4f6"; }
+.bi-skip-end-fill::before { content: "\f4f7"; }
+.bi-skip-end::before { content: "\f4f8"; }
+.bi-skip-forward-btn-fill::before { content: "\f4f9"; }
+.bi-skip-forward-btn::before { content: "\f4fa"; }
+.bi-skip-forward-circle-fill::before { content: "\f4fb"; }
+.bi-skip-forward-circle::before { content: "\f4fc"; }
+.bi-skip-forward-fill::before { content: "\f4fd"; }
+.bi-skip-forward::before { content: "\f4fe"; }
+.bi-skip-start-btn-fill::before { content: "\f4ff"; }
+.bi-skip-start-btn::before { content: "\f500"; }
+.bi-skip-start-circle-fill::before { content: "\f501"; }
+.bi-skip-start-circle::before { content: "\f502"; }
+.bi-skip-start-fill::before { content: "\f503"; }
+.bi-skip-start::before { content: "\f504"; }
+.bi-slack::before { content: "\f505"; }
+.bi-slash-circle-fill::before { content: "\f506"; }
+.bi-slash-circle::before { content: "\f507"; }
+.bi-slash-square-fill::before { content: "\f508"; }
+.bi-slash-square::before { content: "\f509"; }
+.bi-slash::before { content: "\f50a"; }
+.bi-sliders::before { content: "\f50b"; }
+.bi-smartwatch::before { content: "\f50c"; }
+.bi-sort-alpha-down-alt::before { content: "\f50d"; }
+.bi-sort-alpha-down::before { content: "\f50e"; }
+.bi-sort-alpha-up-alt::before { content: "\f50f"; }
+.bi-sort-alpha-up::before { content: "\f510"; }
+.bi-sort-down-alt::before { content: "\f511"; }
+.bi-sort-down::before { content: "\f512"; }
+.bi-sort-numeric-down-alt::before { content: "\f513"; }
+.bi-sort-numeric-down::before { content: "\f514"; }
+.bi-sort-numeric-up-alt::before { content: "\f515"; }
+.bi-sort-numeric-up::before { content: "\f516"; }
+.bi-sort-up-alt::before { content: "\f517"; }
+.bi-sort-up::before { content: "\f518"; }
+.bi-soundwave::before { content: "\f519"; }
+.bi-speaker-fill::before { content: "\f51a"; }
+.bi-speaker::before { content: "\f51b"; }
+.bi-spellcheck::before { content: "\f51c"; }
+.bi-square-fill::before { content: "\f51d"; }
+.bi-square-half::before { content: "\f51e"; }
+.bi-square::before { content: "\f51f"; }
+.bi-star-fill::before { content: "\f520"; }
+.bi-star-half::before { content: "\f521"; }
+.bi-star::before { content: "\f522"; }
+.bi-stickies-fill::before { content: "\f523"; }
+.bi-stickies::before { content: "\f524"; }
+.bi-sticky-fill::before { content: "\f525"; }
+.bi-sticky::before { content: "\f526"; }
+.bi-stop-btn-fill::before { content: "\f527"; }
+.bi-stop-btn::before { content: "\f528"; }
+.bi-stop-circle-fill::before { content: "\f529"; }
+.bi-stop-circle::before { content: "\f52a"; }
+.bi-stop-fill::before { content: "\f52b"; }
+.bi-stop::before { content: "\f52c"; }
+.bi-stoplights-fill::before { content: "\f52d"; }
+.bi-stoplights::before { content: "\f52e"; }
+.bi-stopwatch-fill::before { content: "\f52f"; }
+.bi-stopwatch::before { content: "\f530"; }
+.bi-subtract::before { content: "\f531"; }
+.bi-suit-club-fill::before { content: "\f532"; }
+.bi-suit-club::before { content: "\f533"; }
+.bi-suit-diamond-fill::before { content: "\f534"; }
+.bi-suit-diamond::before { content: "\f535"; }
+.bi-suit-heart-fill::before { content: "\f536"; }
+.bi-suit-heart::before { content: "\f537"; }
+.bi-suit-spade-fill::before { content: "\f538"; }
+.bi-suit-spade::before { content: "\f539"; }
+.bi-sun::before { content: "\f53a"; }
+.bi-sunglasses::before { content: "\f53b"; }
+.bi-table::before { content: "\f53c"; }
+.bi-tablet-fill::before { content: "\f53d"; }
+.bi-tablet-landscape-fill::before { content: "\f53e"; }
+.bi-tablet-landscape::before { content: "\f53f"; }
+.bi-tablet::before { content: "\f540"; }
+.bi-tag-fill::before { content: "\f541"; }
+.bi-tag::before { content: "\f542"; }
+.bi-tags-fill::before { content: "\f543"; }
+.bi-tags::before { content: "\f544"; }
+.bi-telephone-fill::before { content: "\f545"; }
+.bi-telephone-forward-fill::before { content: "\f546"; }
+.bi-telephone-forward::before { content: "\f547"; }
+.bi-telephone-inbound-fill::before { content: "\f548"; }
+.bi-telephone-inbound::before { content: "\f549"; }
+.bi-telephone-minus-fill::before { content: "\f54a"; }
+.bi-telephone-minus::before { content: "\f54b"; }
+.bi-telephone-outbound-fill::before { content: "\f54c"; }
+.bi-telephone-outbound::before { content: "\f54d"; }
+.bi-telephone-plus-fill::before { content: "\f54e"; }
+.bi-telephone-plus::before { content: "\f54f"; }
+.bi-telephone-x-fill::before { content: "\f550"; }
+.bi-telephone-x::before { content: "\f551"; }
+.bi-telephone::before { content: "\f552"; }
+.bi-terminal-fill::before { content: "\f553"; }
+.bi-terminal::before { content: "\f554"; }
+.bi-text-center::before { content: "\f555"; }
+.bi-text-indent-left::before { content: "\f556"; }
+.bi-text-indent-right::before { content: "\f557"; }
+.bi-text-left::before { content: "\f558"; }
+.bi-text-paragraph::before { content: "\f559"; }
+.bi-text-right::before { content: "\f55a"; }
+.bi-textarea-resize::before { content: "\f55b"; }
+.bi-textarea-t::before { content: "\f55c"; }
+.bi-textarea::before { content: "\f55d"; }
+.bi-thermometer-half::before { content: "\f55e"; }
+.bi-thermometer::before { content: "\f55f"; }
+.bi-three-dots-vertical::before { content: "\f560"; }
+.bi-three-dots::before { content: "\f561"; }
+.bi-toggle-off::before { content: "\f562"; }
+.bi-toggle-on::before { content: "\f563"; }
+.bi-toggle2-off::before { content: "\f564"; }
+.bi-toggle2-on::before { content: "\f565"; }
+.bi-toggles::before { content: "\f566"; }
+.bi-toggles2::before { content: "\f567"; }
+.bi-tools::before { content: "\f568"; }
+.bi-trash-fill::before { content: "\f569"; }
+.bi-trash::before { content: "\f56a"; }
+.bi-trash2-fill::before { content: "\f56b"; }
+.bi-trash2::before { content: "\f56c"; }
+.bi-tree-fill::before { content: "\f56d"; }
+.bi-tree::before { content: "\f56e"; }
+.bi-triangle-fill::before { content: "\f56f"; }
+.bi-triangle-half::before { content: "\f570"; }
+.bi-triangle::before { content: "\f571"; }
+.bi-trophy-fill::before { content: "\f572"; }
+.bi-trophy::before { content: "\f573"; }
+.bi-truck-flatbed::before { content: "\f574"; }
+.bi-truck::before { content: "\f575"; }
+.bi-tv-fill::before { content: "\f576"; }
+.bi-tv::before { content: "\f577"; }
+.bi-twitch::before { content: "\f578"; }
+.bi-twitter::before { content: "\f579"; }
+.bi-type-bold::before { content: "\f57a"; }
+.bi-type-h1::before { content: "\f57b"; }
+.bi-type-h2::before { content: "\f57c"; }
+.bi-type-h3::before { content: "\f57d"; }
+.bi-type-italic::before { content: "\f57e"; }
+.bi-type-strikethrough::before { content: "\f57f"; }
+.bi-type-underline::before { content: "\f580"; }
+.bi-type::before { content: "\f581"; }
+.bi-ui-checks-grid::before { content: "\f582"; }
+.bi-ui-checks::before { content: "\f583"; }
+.bi-ui-radios-grid::before { content: "\f584"; }
+.bi-ui-radios::before { content: "\f585"; }
+.bi-union::before { content: "\f586"; }
+.bi-unlock-fill::before { content: "\f587"; }
+.bi-unlock::before { content: "\f588"; }
+.bi-upc-scan::before { content: "\f589"; }
+.bi-upc::before { content: "\f58a"; }
+.bi-upload::before { content: "\f58b"; }
+.bi-vector-pen::before { content: "\f58c"; }
+.bi-view-list::before { content: "\f58d"; }
+.bi-view-stacked::before { content: "\f58e"; }
+.bi-vinyl-fill::before { content: "\f58f"; }
+.bi-vinyl::before { content: "\f590"; }
+.bi-voicemail::before { content: "\f591"; }
+.bi-volume-down-fill::before { content: "\f592"; }
+.bi-volume-down::before { content: "\f593"; }
+.bi-volume-mute-fill::before { content: "\f594"; }
+.bi-volume-mute::before { content: "\f595"; }
+.bi-volume-off-fill::before { content: "\f596"; }
+.bi-volume-off::before { content: "\f597"; }
+.bi-volume-up-fill::before { content: "\f598"; }
+.bi-volume-up::before { content: "\f599"; }
+.bi-vr::before { content: "\f59a"; }
+.bi-wallet-fill::before { content: "\f59b"; }
+.bi-wallet::before { content: "\f59c"; }
+.bi-wallet2::before { content: "\f59d"; }
+.bi-watch::before { content: "\f59e"; }
+.bi-wifi-1::before { content: "\f59f"; }
+.bi-wifi-2::before { content: "\f5a0"; }
+.bi-wifi-off::before { content: "\f5a1"; }
+.bi-wifi::before { content: "\f5a2"; }
+.bi-window::before { content: "\f5a3"; }
+.bi-wrench::before { content: "\f5a4"; }
+.bi-x-circle-fill::before { content: "\f5a5"; }
+.bi-x-circle::before { content: "\f5a6"; }
+.bi-x-diamond-fill::before { content: "\f5a7"; }
+.bi-x-diamond::before { content: "\f5a8"; }
+.bi-x-octagon-fill::before { content: "\f5a9"; }
+.bi-x-octagon::before { content: "\f5aa"; }
+.bi-x-square-fill::before { content: "\f5ab"; }
+.bi-x-square::before { content: "\f5ac"; }
+.bi-x::before { content: "\f5ad"; }
+.bi-zoom-in::before { content: "\f5ae"; }
+.bi-zoom-out::before { content: "\f5af"; }
diff --git a/font/bootstrap-icons.json b/font/bootstrap-icons.json
new file mode 100644
index 000000000..c884fd4eb
--- /dev/null
+++ b/font/bootstrap-icons.json
@@ -0,0 +1,1201 @@
+{
+  "alarm-fill": 61697,
+  "alarm": 61698,
+  "align-bottom": 61699,
+  "align-center": 61700,
+  "align-end": 61701,
+  "align-middle": 61702,
+  "align-start": 61703,
+  "align-top": 61704,
+  "alt": 61705,
+  "app-indicator": 61706,
+  "app": 61707,
+  "archive-fill": 61708,
+  "archive": 61709,
+  "arrow-90deg-down": 61710,
+  "arrow-90deg-left": 61711,
+  "arrow-90deg-right": 61712,
+  "arrow-90deg-up": 61713,
+  "arrow-bar-down": 61714,
+  "arrow-bar-left": 61715,
+  "arrow-bar-right": 61716,
+  "arrow-bar-up": 61717,
+  "arrow-clockwise": 61718,
+  "arrow-counterclockwise": 61719,
+  "arrow-down-circle-fill": 61720,
+  "arrow-down-circle": 61721,
+  "arrow-down-left-circle-fill": 61722,
+  "arrow-down-left-circle": 61723,
+  "arrow-down-left-square-fill": 61724,
+  "arrow-down-left-square": 61725,
+  "arrow-down-left": 61726,
+  "arrow-down-right-circle-fill": 61727,
+  "arrow-down-right-circle": 61728,
+  "arrow-down-right-square-fill": 61729,
+  "arrow-down-right-square": 61730,
+  "arrow-down-right": 61731,
+  "arrow-down-short": 61732,
+  "arrow-down-square-fill": 61733,
+  "arrow-down-square": 61734,
+  "arrow-down-up": 61735,
+  "arrow-down": 61736,
+  "arrow-left-circle-fill": 61737,
+  "arrow-left-circle": 61738,
+  "arrow-left-right": 61739,
+  "arrow-left-short": 61740,
+  "arrow-left-square-fill": 61741,
+  "arrow-left-square": 61742,
+  "arrow-left": 61743,
+  "arrow-repeat": 61744,
+  "arrow-return-left": 61745,
+  "arrow-return-right": 61746,
+  "arrow-right-circle-fill": 61747,
+  "arrow-right-circle": 61748,
+  "arrow-right-short": 61749,
+  "arrow-right-square-fill": 61750,
+  "arrow-right-square": 61751,
+  "arrow-right": 61752,
+  "arrow-up-circle-fill": 61753,
+  "arrow-up-circle": 61754,
+  "arrow-up-left-circle-fill": 61755,
+  "arrow-up-left-circle": 61756,
+  "arrow-up-left-square-fill": 61757,
+  "arrow-up-left-square": 61758,
+  "arrow-up-left": 61759,
+  "arrow-up-right-circle-fill": 61760,
+  "arrow-up-right-circle": 61761,
+  "arrow-up-right-square-fill": 61762,
+  "arrow-up-right-square": 61763,
+  "arrow-up-right": 61764,
+  "arrow-up-short": 61765,
+  "arrow-up-square-fill": 61766,
+  "arrow-up-square": 61767,
+  "arrow-up": 61768,
+  "arrows-angle-contract": 61769,
+  "arrows-angle-expand": 61770,
+  "arrows-collapse": 61771,
+  "arrows-expand": 61772,
+  "arrows-fullscreen": 61773,
+  "arrows-move": 61774,
+  "aspect-ratio-fill": 61775,
+  "aspect-ratio": 61776,
+  "asterisk": 61777,
+  "at": 61778,
+  "award-fill": 61779,
+  "award": 61780,
+  "back": 61781,
+  "backspace-fill": 61782,
+  "backspace-reverse-fill": 61783,
+  "backspace-reverse": 61784,
+  "backspace": 61785,
+  "badge-4k-fill": 61786,
+  "badge-4k": 61787,
+  "badge-8k-fill": 61788,
+  "badge-8k": 61789,
+  "badge-ad-fill": 61790,
+  "badge-ad": 61791,
+  "badge-cc-fill": 61792,
+  "badge-cc": 61793,
+  "badge-hd-fill": 61794,
+  "badge-hd": 61795,
+  "badge-tm-fill": 61796,
+  "badge-tm": 61797,
+  "badge-vo-fill": 61798,
+  "badge-vo": 61799,
+  "bag-check-fill": 61800,
+  "bag-check": 61801,
+  "bag-dash-fill": 61802,
+  "bag-dash": 61803,
+  "bag-fill": 61804,
+  "bag-plus-fill": 61805,
+  "bag-plus": 61806,
+  "bag-x-fill": 61807,
+  "bag-x": 61808,
+  "bag": 61809,
+  "bar-chart-fill": 61810,
+  "bar-chart-line-fill": 61811,
+  "bar-chart-line": 61812,
+  "bar-chart-steps": 61813,
+  "bar-chart": 61814,
+  "basket-fill": 61815,
+  "basket": 61816,
+  "basket2-fill": 61817,
+  "basket2": 61818,
+  "basket3-fill": 61819,
+  "basket3": 61820,
+  "battery-charging": 61821,
+  "battery-full": 61822,
+  "battery-half": 61823,
+  "battery": 61824,
+  "bell-fill": 61825,
+  "bell": 61826,
+  "bezier": 61827,
+  "bezier2": 61828,
+  "bicycle": 61829,
+  "binoculars-fill": 61830,
+  "binoculars": 61831,
+  "blockquote-left": 61832,
+  "blockquote-right": 61833,
+  "book-fill": 61834,
+  "book-half": 61835,
+  "book": 61836,
+  "bookmark-check-fill": 61837,
+  "bookmark-check": 61838,
+  "bookmark-dash-fill": 61839,
+  "bookmark-dash": 61840,
+  "bookmark-fill": 61841,
+  "bookmark-heart-fill": 61842,
+  "bookmark-heart": 61843,
+  "bookmark-plus-fill": 61844,
+  "bookmark-plus": 61845,
+  "bookmark-star-fill": 61846,
+  "bookmark-star": 61847,
+  "bookmark-x-fill": 61848,
+  "bookmark-x": 61849,
+  "bookmark": 61850,
+  "bookmarks-fill": 61851,
+  "bookmarks": 61852,
+  "bookshelf": 61853,
+  "bootstrap-fill": 61854,
+  "bootstrap-reboot": 61855,
+  "bootstrap": 61856,
+  "border-style": 61857,
+  "border-width": 61858,
+  "bounding-box-circles": 61859,
+  "bounding-box": 61860,
+  "box-arrow-down-left": 61861,
+  "box-arrow-down-right": 61862,
+  "box-arrow-down": 61863,
+  "box-arrow-in-down-left": 61864,
+  "box-arrow-in-down-right": 61865,
+  "box-arrow-in-down": 61866,
+  "box-arrow-in-left": 61867,
+  "box-arrow-in-right": 61868,
+  "box-arrow-in-up-left": 61869,
+  "box-arrow-in-up-right": 61870,
+  "box-arrow-in-up": 61871,
+  "box-arrow-left": 61872,
+  "box-arrow-right": 61873,
+  "box-arrow-up-left": 61874,
+  "box-arrow-up-right": 61875,
+  "box-arrow-up": 61876,
+  "box-seam": 61877,
+  "box": 61878,
+  "braces": 61879,
+  "bricks": 61880,
+  "briefcase-fill": 61881,
+  "briefcase": 61882,
+  "brightness-alt-high-fill": 61883,
+  "brightness-alt-high": 61884,
+  "brightness-alt-low-fill": 61885,
+  "brightness-alt-low": 61886,
+  "brightness-high-fill": 61887,
+  "brightness-high": 61888,
+  "brightness-low-fill": 61889,
+  "brightness-low": 61890,
+  "broadcast-pin": 61891,
+  "broadcast": 61892,
+  "brush-fill": 61893,
+  "brush": 61894,
+  "bucket-fill": 61895,
+  "bucket": 61896,
+  "bug-fill": 61897,
+  "bug": 61898,
+  "building": 61899,
+  "bullseye": 61900,
+  "calculator-fill": 61901,
+  "calculator": 61902,
+  "calendar-check-fill": 61903,
+  "calendar-check": 61904,
+  "calendar-date-fill": 61905,
+  "calendar-date": 61906,
+  "calendar-day-fill": 61907,
+  "calendar-day": 61908,
+  "calendar-event-fill": 61909,
+  "calendar-event": 61910,
+  "calendar-fill": 61911,
+  "calendar-minus-fill": 61912,
+  "calendar-minus": 61913,
+  "calendar-month-fill": 61914,
+  "calendar-month": 61915,
+  "calendar-plus-fill": 61916,
+  "calendar-plus": 61917,
+  "calendar-range-fill": 61918,
+  "calendar-range": 61919,
+  "calendar-week-fill": 61920,
+  "calendar-week": 61921,
+  "calendar-x-fill": 61922,
+  "calendar-x": 61923,
+  "calendar": 61924,
+  "calendar2-check-fill": 61925,
+  "calendar2-check": 61926,
+  "calendar2-date-fill": 61927,
+  "calendar2-date": 61928,
+  "calendar2-day-fill": 61929,
+  "calendar2-day": 61930,
+  "calendar2-event-fill": 61931,
+  "calendar2-event": 61932,
+  "calendar2-fill": 61933,
+  "calendar2-minus-fill": 61934,
+  "calendar2-minus": 61935,
+  "calendar2-month-fill": 61936,
+  "calendar2-month": 61937,
+  "calendar2-plus-fill": 61938,
+  "calendar2-plus": 61939,
+  "calendar2-range-fill": 61940,
+  "calendar2-range": 61941,
+  "calendar2-week-fill": 61942,
+  "calendar2-week": 61943,
+  "calendar2-x-fill": 61944,
+  "calendar2-x": 61945,
+  "calendar2": 61946,
+  "calendar3-event-fill": 61947,
+  "calendar3-event": 61948,
+  "calendar3-fill": 61949,
+  "calendar3-range-fill": 61950,
+  "calendar3-range": 61951,
+  "calendar3-week-fill": 61952,
+  "calendar3-week": 61953,
+  "calendar3": 61954,
+  "calendar4-event": 61955,
+  "calendar4-range": 61956,
+  "calendar4-week": 61957,
+  "calendar4": 61958,
+  "camera-fill": 61959,
+  "camera-reels-fill": 61960,
+  "camera-reels": 61961,
+  "camera-video-fill": 61962,
+  "camera-video-off-fill": 61963,
+  "camera-video-off": 61964,
+  "camera-video": 61965,
+  "camera": 61966,
+  "camera2": 61967,
+  "capslock-fill": 61968,
+  "capslock": 61969,
+  "card-checklist": 61970,
+  "card-heading": 61971,
+  "card-image": 61972,
+  "card-list": 61973,
+  "card-text": 61974,
+  "caret-down-fill": 61975,
+  "caret-down-square-fill": 61976,
+  "caret-down-square": 61977,
+  "caret-down": 61978,
+  "caret-left-fill": 61979,
+  "caret-left-square-fill": 61980,
+  "caret-left-square": 61981,
+  "caret-left": 61982,
+  "caret-right-fill": 61983,
+  "caret-right-square-fill": 61984,
+  "caret-right-square": 61985,
+  "caret-right": 61986,
+  "caret-up-fill": 61987,
+  "caret-up-square-fill": 61988,
+  "caret-up-square": 61989,
+  "caret-up": 61990,
+  "cart-check-fill": 61991,
+  "cart-check": 61992,
+  "cart-dash-fill": 61993,
+  "cart-dash": 61994,
+  "cart-fill": 61995,
+  "cart-plus-fill": 61996,
+  "cart-plus": 61997,
+  "cart-x-fill": 61998,
+  "cart-x": 61999,
+  "cart": 62000,
+  "cart2": 62001,
+  "cart3": 62002,
+  "cart4": 62003,
+  "cash-stack": 62004,
+  "cash": 62005,
+  "cast": 62006,
+  "chat-dots-fill": 62007,
+  "chat-dots": 62008,
+  "chat-fill": 62009,
+  "chat-left-dots-fill": 62010,
+  "chat-left-dots": 62011,
+  "chat-left-fill": 62012,
+  "chat-left-quote-fill": 62013,
+  "chat-left-quote": 62014,
+  "chat-left-text-fill": 62015,
+  "chat-left-text": 62016,
+  "chat-left": 62017,
+  "chat-quote-fill": 62018,
+  "chat-quote": 62019,
+  "chat-right-dots-fill": 62020,
+  "chat-right-dots": 62021,
+  "chat-right-fill": 62022,
+  "chat-right-quote-fill": 62023,
+  "chat-right-quote": 62024,
+  "chat-right-text-fill": 62025,
+  "chat-right-text": 62026,
+  "chat-right": 62027,
+  "chat-square-dots-fill": 62028,
+  "chat-square-dots": 62029,
+  "chat-square-fill": 62030,
+  "chat-square-quote-fill": 62031,
+  "chat-square-quote": 62032,
+  "chat-square-text-fill": 62033,
+  "chat-square-text": 62034,
+  "chat-square": 62035,
+  "chat-text-fill": 62036,
+  "chat-text": 62037,
+  "chat": 62038,
+  "check-all": 62039,
+  "check-circle-fill": 62040,
+  "check-circle": 62041,
+  "check-square-fill": 62042,
+  "check-square": 62043,
+  "check": 62044,
+  "check2-all": 62045,
+  "check2-circle": 62046,
+  "check2-square": 62047,
+  "check2": 62048,
+  "chevron-bar-contract": 62049,
+  "chevron-bar-down": 62050,
+  "chevron-bar-expand": 62051,
+  "chevron-bar-left": 62052,
+  "chevron-bar-right": 62053,
+  "chevron-bar-up": 62054,
+  "chevron-compact-down": 62055,
+  "chevron-compact-left": 62056,
+  "chevron-compact-right": 62057,
+  "chevron-compact-up": 62058,
+  "chevron-contract": 62059,
+  "chevron-double-down": 62060,
+  "chevron-double-left": 62061,
+  "chevron-double-right": 62062,
+  "chevron-double-up": 62063,
+  "chevron-down": 62064,
+  "chevron-expand": 62065,
+  "chevron-left": 62066,
+  "chevron-right": 62067,
+  "chevron-up": 62068,
+  "circle-fill": 62069,
+  "circle-half": 62070,
+  "circle-square": 62071,
+  "circle": 62072,
+  "clipboard-check": 62073,
+  "clipboard-data": 62074,
+  "clipboard-minus": 62075,
+  "clipboard-plus": 62076,
+  "clipboard-x": 62077,
+  "clipboard": 62078,
+  "clock-fill": 62079,
+  "clock-history": 62080,
+  "clock": 62081,
+  "cloud-arrow-down-fill": 62082,
+  "cloud-arrow-down": 62083,
+  "cloud-arrow-up-fill": 62084,
+  "cloud-arrow-up": 62085,
+  "cloud-check-fill": 62086,
+  "cloud-check": 62087,
+  "cloud-download-fill": 62088,
+  "cloud-download": 62089,
+  "cloud-fill": 62090,
+  "cloud-minus-fill": 62091,
+  "cloud-minus": 62092,
+  "cloud-plus-fill": 62093,
+  "cloud-plus": 62094,
+  "cloud-slash-fill": 62095,
+  "cloud-slash": 62096,
+  "cloud-upload-fill": 62097,
+  "cloud-upload": 62098,
+  "cloud": 62099,
+  "code-slash": 62100,
+  "code-square": 62101,
+  "code": 62102,
+  "collection-fill": 62103,
+  "collection-play-fill": 62104,
+  "collection-play": 62105,
+  "collection": 62106,
+  "columns-gap": 62107,
+  "columns": 62108,
+  "command": 62109,
+  "compass-fill": 62110,
+  "compass": 62111,
+  "cone-striped": 62112,
+  "cone": 62113,
+  "controller": 62114,
+  "cpu-fill": 62115,
+  "cpu": 62116,
+  "credit-card-2-back-fill": 62117,
+  "credit-card-2-back": 62118,
+  "credit-card-2-front-fill": 62119,
+  "credit-card-2-front": 62120,
+  "credit-card-fill": 62121,
+  "credit-card": 62122,
+  "crop": 62123,
+  "cup-fill": 62124,
+  "cup-straw": 62125,
+  "cup": 62126,
+  "cursor-fill": 62127,
+  "cursor-text": 62128,
+  "cursor": 62129,
+  "dash-circle-fill": 62130,
+  "dash-circle": 62131,
+  "dash-square-fill": 62132,
+  "dash-square": 62133,
+  "dash": 62134,
+  "diagram-2-fill": 62135,
+  "diagram-2": 62136,
+  "diagram-3-fill": 62137,
+  "diagram-3": 62138,
+  "diamond-fill": 62139,
+  "diamond-half": 62140,
+  "diamond": 62141,
+  "dice-1-fill": 62142,
+  "dice-1": 62143,
+  "dice-2-fill": 62144,
+  "dice-2": 62145,
+  "dice-3-fill": 62146,
+  "dice-3": 62147,
+  "dice-4-fill": 62148,
+  "dice-4": 62149,
+  "dice-5-fill": 62150,
+  "dice-5": 62151,
+  "dice-6-fill": 62152,
+  "dice-6": 62153,
+  "disc-fill": 62154,
+  "disc": 62155,
+  "display-fill": 62156,
+  "display": 62157,
+  "distribute-horizontal": 62158,
+  "distribute-vertical": 62159,
+  "door-closed-fill": 62160,
+  "door-closed": 62161,
+  "door-open-fill": 62162,
+  "door-open": 62163,
+  "dot": 62164,
+  "download": 62165,
+  "droplet-fill": 62166,
+  "droplet-half": 62167,
+  "droplet": 62168,
+  "earbuds": 62169,
+  "easel-fill": 62170,
+  "easel": 62171,
+  "egg-fill": 62172,
+  "egg-fried": 62173,
+  "egg": 62174,
+  "eject-fill": 62175,
+  "eject": 62176,
+  "emoji-angry-fill": 62177,
+  "emoji-angry": 62178,
+  "emoji-dizzy-fill": 62179,
+  "emoji-dizzy": 62180,
+  "emoji-expressionless-fill": 62181,
+  "emoji-expressionless": 62182,
+  "emoji-frown-fill": 62183,
+  "emoji-frown": 62184,
+  "emoji-heart-eyes-fill": 62185,
+  "emoji-heart-eyes": 62186,
+  "emoji-laughing-fill": 62187,
+  "emoji-laughing": 62188,
+  "emoji-neutral-fill": 62189,
+  "emoji-neutral": 62190,
+  "emoji-smile-fill": 62191,
+  "emoji-smile-upside-down-fill": 62192,
+  "emoji-smile-upside-down": 62193,
+  "emoji-smile": 62194,
+  "emoji-sunglasses-fill": 62195,
+  "emoji-sunglasses": 62196,
+  "emoji-wink-fill": 62197,
+  "emoji-wink": 62198,
+  "envelope-fill": 62199,
+  "envelope-open-fill": 62200,
+  "envelope-open": 62201,
+  "envelope": 62202,
+  "exclamation-circle-fill": 62203,
+  "exclamation-circle": 62204,
+  "exclamation-diamond-fill": 62205,
+  "exclamation-diamond": 62206,
+  "exclamation-octagon-fill": 62207,
+  "exclamation-octagon": 62208,
+  "exclamation-square-fill": 62209,
+  "exclamation-square": 62210,
+  "exclamation-triangle-fill": 62211,
+  "exclamation-triangle": 62212,
+  "exclamation": 62213,
+  "exclude": 62214,
+  "eye-fill": 62215,
+  "eye-slash-fill": 62216,
+  "eye-slash": 62217,
+  "eye": 62218,
+  "eyeglasses": 62219,
+  "facebook": 62220,
+  "file-arrow-down-fill": 62221,
+  "file-arrow-down": 62222,
+  "file-arrow-up-fill": 62223,
+  "file-arrow-up": 62224,
+  "file-bar-graph-fill": 62225,
+  "file-bar-graph": 62226,
+  "file-binary-fill": 62227,
+  "file-binary": 62228,
+  "file-break-fill": 62229,
+  "file-break": 62230,
+  "file-check-fill": 62231,
+  "file-check": 62232,
+  "file-code-fill": 62233,
+  "file-code": 62234,
+  "file-diff-fill": 62235,
+  "file-diff": 62236,
+  "file-earmark-arrow-down-fill": 62237,
+  "file-earmark-arrow-down": 62238,
+  "file-earmark-arrow-up-fill": 62239,
+  "file-earmark-arrow-up": 62240,
+  "file-earmark-bar-graph-fill": 62241,
+  "file-earmark-bar-graph": 62242,
+  "file-earmark-binary-fill": 62243,
+  "file-earmark-binary": 62244,
+  "file-earmark-break-fill": 62245,
+  "file-earmark-break": 62246,
+  "file-earmark-check-fill": 62247,
+  "file-earmark-check": 62248,
+  "file-earmark-code-fill": 62249,
+  "file-earmark-code": 62250,
+  "file-earmark-diff-fill": 62251,
+  "file-earmark-diff": 62252,
+  "file-earmark-easel-fill": 62253,
+  "file-earmark-easel": 62254,
+  "file-earmark-excel-fill": 62255,
+  "file-earmark-excel": 62256,
+  "file-earmark-fill": 62257,
+  "file-earmark-font-fill": 62258,
+  "file-earmark-font": 62259,
+  "file-earmark-image-fill": 62260,
+  "file-earmark-image": 62261,
+  "file-earmark-lock-fill": 62262,
+  "file-earmark-lock": 62263,
+  "file-earmark-lock2-fill": 62264,
+  "file-earmark-lock2": 62265,
+  "file-earmark-medical-fill": 62266,
+  "file-earmark-medical": 62267,
+  "file-earmark-minus-fill": 62268,
+  "file-earmark-minus": 62269,
+  "file-earmark-music-fill": 62270,
+  "file-earmark-music": 62271,
+  "file-earmark-person-fill": 62272,
+  "file-earmark-person": 62273,
+  "file-earmark-play-fill": 62274,
+  "file-earmark-play": 62275,
+  "file-earmark-plus-fill": 62276,
+  "file-earmark-plus": 62277,
+  "file-earmark-post-fill": 62278,
+  "file-earmark-post": 62279,
+  "file-earmark-ppt-fill": 62280,
+  "file-earmark-ppt": 62281,
+  "file-earmark-richtext-fill": 62282,
+  "file-earmark-richtext": 62283,
+  "file-earmark-ruled-fill": 62284,
+  "file-earmark-ruled": 62285,
+  "file-earmark-slides-fill": 62286,
+  "file-earmark-slides": 62287,
+  "file-earmark-spreadsheet-fill": 62288,
+  "file-earmark-spreadsheet": 62289,
+  "file-earmark-text-fill": 62290,
+  "file-earmark-text": 62291,
+  "file-earmark-word-fill": 62292,
+  "file-earmark-word": 62293,
+  "file-earmark-x-fill": 62294,
+  "file-earmark-x": 62295,
+  "file-earmark-zip-fill": 62296,
+  "file-earmark-zip": 62297,
+  "file-earmark": 62298,
+  "file-easel-fill": 62299,
+  "file-easel": 62300,
+  "file-excel-fill": 62301,
+  "file-excel": 62302,
+  "file-fill": 62303,
+  "file-font-fill": 62304,
+  "file-font": 62305,
+  "file-image-fill": 62306,
+  "file-image": 62307,
+  "file-lock-fill": 62308,
+  "file-lock": 62309,
+  "file-lock2-fill": 62310,
+  "file-lock2": 62311,
+  "file-medical-fill": 62312,
+  "file-medical": 62313,
+  "file-minus-fill": 62314,
+  "file-minus": 62315,
+  "file-music-fill": 62316,
+  "file-music": 62317,
+  "file-person-fill": 62318,
+  "file-person": 62319,
+  "file-play-fill": 62320,
+  "file-play": 62321,
+  "file-plus-fill": 62322,
+  "file-plus": 62323,
+  "file-post-fill": 62324,
+  "file-post": 62325,
+  "file-ppt-fill": 62326,
+  "file-ppt": 62327,
+  "file-richtext-fill": 62328,
+  "file-richtext": 62329,
+  "file-ruled-fill": 62330,
+  "file-ruled": 62331,
+  "file-slides-fill": 62332,
+  "file-slides": 62333,
+  "file-spreadsheet-fill": 62334,
+  "file-spreadsheet": 62335,
+  "file-text-fill": 62336,
+  "file-text": 62337,
+  "file-word-fill": 62338,
+  "file-word": 62339,
+  "file-x-fill": 62340,
+  "file-x": 62341,
+  "file-zip-fill": 62342,
+  "file-zip": 62343,
+  "file": 62344,
+  "files-alt": 62345,
+  "files": 62346,
+  "film": 62347,
+  "filter-circle-fill": 62348,
+  "filter-circle": 62349,
+  "filter-left": 62350,
+  "filter-right": 62351,
+  "filter-square-fill": 62352,
+  "filter-square": 62353,
+  "filter": 62354,
+  "flag-fill": 62355,
+  "flag": 62356,
+  "flower1": 62357,
+  "flower2": 62358,
+  "flower3": 62359,
+  "folder-check": 62360,
+  "folder-fill": 62361,
+  "folder-minus": 62362,
+  "folder-plus": 62363,
+  "folder-symlink-fill": 62364,
+  "folder-symlink": 62365,
+  "folder-x": 62366,
+  "folder": 62367,
+  "folder2-open": 62368,
+  "folder2": 62369,
+  "fonts": 62370,
+  "forward-fill": 62371,
+  "forward": 62372,
+  "front": 62373,
+  "fullscreen-exit": 62374,
+  "fullscreen": 62375,
+  "funnel-fill": 62376,
+  "funnel": 62377,
+  "gear-fill": 62378,
+  "gear-wide-connected": 62379,
+  "gear-wide": 62380,
+  "gear": 62381,
+  "gem": 62382,
+  "geo-alt-fill": 62383,
+  "geo-alt": 62384,
+  "geo-fill": 62385,
+  "geo": 62386,
+  "gift-fill": 62387,
+  "gift": 62388,
+  "github": 62389,
+  "globe": 62390,
+  "globe2": 62391,
+  "google": 62392,
+  "graph-down": 62393,
+  "graph-up": 62394,
+  "grid-1x2-fill": 62395,
+  "grid-1x2": 62396,
+  "grid-3x2-gap-fill": 62397,
+  "grid-3x2-gap": 62398,
+  "grid-3x2": 62399,
+  "grid-3x3-gap-fill": 62400,
+  "grid-3x3-gap": 62401,
+  "grid-3x3": 62402,
+  "grid-fill": 62403,
+  "grid": 62404,
+  "grip-horizontal": 62405,
+  "grip-vertical": 62406,
+  "hammer": 62407,
+  "hand-index-thumb": 62408,
+  "hand-index": 62409,
+  "hand-thumbs-down": 62410,
+  "hand-thumbs-up": 62411,
+  "handbag-fill": 62412,
+  "handbag": 62413,
+  "hash": 62414,
+  "hdd-fill": 62415,
+  "hdd-network-fill": 62416,
+  "hdd-network": 62417,
+  "hdd-rack-fill": 62418,
+  "hdd-rack": 62419,
+  "hdd-stack-fill": 62420,
+  "hdd-stack": 62421,
+  "hdd": 62422,
+  "headphones": 62423,
+  "headset": 62424,
+  "heart-fill": 62425,
+  "heart-half": 62426,
+  "heart": 62427,
+  "heptagon-fill": 62428,
+  "heptagon-half": 62429,
+  "heptagon": 62430,
+  "hexagon-fill": 62431,
+  "hexagon-half": 62432,
+  "hexagon": 62433,
+  "hourglass-bottom": 62434,
+  "hourglass-split": 62435,
+  "hourglass-top": 62436,
+  "hourglass": 62437,
+  "house-door-fill": 62438,
+  "house-door": 62439,
+  "house-fill": 62440,
+  "house": 62441,
+  "hr": 62442,
+  "image-alt": 62443,
+  "image-fill": 62444,
+  "image": 62445,
+  "images": 62446,
+  "inbox-fill": 62447,
+  "inbox": 62448,
+  "inboxes-fill": 62449,
+  "inboxes": 62450,
+  "info-circle-fill": 62451,
+  "info-circle": 62452,
+  "info-square-fill": 62453,
+  "info-square": 62454,
+  "info": 62455,
+  "input-cursor-text": 62456,
+  "input-cursor": 62457,
+  "instagram": 62458,
+  "intersect": 62459,
+  "journal-album": 62460,
+  "journal-arrow-down": 62461,
+  "journal-arrow-up": 62462,
+  "journal-bookmark-fill": 62463,
+  "journal-bookmark": 62464,
+  "journal-check": 62465,
+  "journal-code": 62466,
+  "journal-medical": 62467,
+  "journal-minus": 62468,
+  "journal-plus": 62469,
+  "journal-richtext": 62470,
+  "journal-text": 62471,
+  "journal-x": 62472,
+  "journal": 62473,
+  "journals": 62474,
+  "joystick": 62475,
+  "justify-left": 62476,
+  "justify-right": 62477,
+  "justify": 62478,
+  "kanban-fill": 62479,
+  "kanban": 62480,
+  "key-fill": 62481,
+  "key": 62482,
+  "keyboard-fill": 62483,
+  "keyboard": 62484,
+  "ladder": 62485,
+  "lamp-fill": 62486,
+  "lamp": 62487,
+  "laptop-fill": 62488,
+  "laptop": 62489,
+  "layers-fill": 62490,
+  "layers-half": 62491,
+  "layers": 62492,
+  "layout-sidebar-inset-reverse": 62493,
+  "layout-sidebar-inset": 62494,
+  "layout-sidebar-reverse": 62495,
+  "layout-sidebar": 62496,
+  "layout-split": 62497,
+  "layout-text-sidebar-reverse": 62498,
+  "layout-text-sidebar": 62499,
+  "layout-text-window-reverse": 62500,
+  "layout-text-window": 62501,
+  "layout-three-columns": 62502,
+  "layout-wtf": 62503,
+  "life-preserver": 62504,
+  "lightning-fill": 62505,
+  "lightning": 62506,
+  "link-45deg": 62507,
+  "link": 62508,
+  "linkedin": 62509,
+  "list-check": 62510,
+  "list-nested": 62511,
+  "list-ol": 62512,
+  "list-stars": 62513,
+  "list-task": 62514,
+  "list-ul": 62515,
+  "list": 62516,
+  "lock-fill": 62517,
+  "lock": 62518,
+  "mailbox": 62519,
+  "mailbox2": 62520,
+  "map-fill": 62521,
+  "map": 62522,
+  "markdown-fill": 62523,
+  "markdown": 62524,
+  "menu-app-fill": 62525,
+  "menu-app": 62526,
+  "menu-button-fill": 62527,
+  "menu-button-wide-fill": 62528,
+  "menu-button-wide": 62529,
+  "menu-button": 62530,
+  "menu-down": 62531,
+  "menu-up": 62532,
+  "mic-fill": 62533,
+  "mic-mute-fill": 62534,
+  "mic-mute": 62535,
+  "mic": 62536,
+  "minecart-loaded": 62537,
+  "minecart": 62538,
+  "moon": 62539,
+  "mouse": 62540,
+  "mouse2": 62541,
+  "mouse3": 62542,
+  "music-note-beamed": 62543,
+  "music-note-list": 62544,
+  "music-note": 62545,
+  "music-player-fill": 62546,
+  "music-player": 62547,
+  "newspaper": 62548,
+  "node-minus-fill": 62549,
+  "node-minus": 62550,
+  "node-plus-fill": 62551,
+  "node-plus": 62552,
+  "nut-fill": 62553,
+  "nut": 62554,
+  "octagon-fill": 62555,
+  "octagon-half": 62556,
+  "octagon": 62557,
+  "option": 62558,
+  "outlet": 62559,
+  "paperclip": 62560,
+  "paragraph": 62561,
+  "patch-check-fll": 62562,
+  "patch-check": 62563,
+  "patch-exclamation-fll": 62564,
+  "patch-exclamation": 62565,
+  "patch-minus-fll": 62566,
+  "patch-minus": 62567,
+  "patch-plus-fll": 62568,
+  "patch-plus": 62569,
+  "patch-question-fll": 62570,
+  "patch-question": 62571,
+  "pause-btn-fill": 62572,
+  "pause-btn": 62573,
+  "pause-circle-fill": 62574,
+  "pause-circle": 62575,
+  "pause-fill": 62576,
+  "pause": 62577,
+  "peace-fill": 62578,
+  "peace": 62579,
+  "pen-fill": 62580,
+  "pen": 62581,
+  "pencil-fill": 62582,
+  "pencil-square": 62583,
+  "pencil": 62584,
+  "pentagon-fill": 62585,
+  "pentagon-half": 62586,
+  "pentagon": 62587,
+  "people-fill": 62588,
+  "people": 62589,
+  "percent": 62590,
+  "person-badge-fill": 62591,
+  "person-badge": 62592,
+  "person-bounding-box": 62593,
+  "person-check-fill": 62594,
+  "person-check": 62595,
+  "person-circle": 62596,
+  "person-dash-fill": 62597,
+  "person-dash": 62598,
+  "person-fill": 62599,
+  "person-lines-fill": 62600,
+  "person-plus-fill": 62601,
+  "person-plus": 62602,
+  "person-square": 62603,
+  "person-x-fill": 62604,
+  "person-x": 62605,
+  "person": 62606,
+  "phone-fill": 62607,
+  "phone-landscape-fill": 62608,
+  "phone-landscape": 62609,
+  "phone-vibrate": 62610,
+  "phone": 62611,
+  "pie-chart-fill": 62612,
+  "pie-chart": 62613,
+  "pip-fill": 62614,
+  "pip": 62615,
+  "play-btn-fill": 62616,
+  "play-btn": 62617,
+  "play-circle-fill": 62618,
+  "play-circle": 62619,
+  "play-fill": 62620,
+  "play": 62621,
+  "plug-fill": 62622,
+  "plug": 62623,
+  "plus-circle-fill": 62624,
+  "plus-circle": 62625,
+  "plus-square-fill": 62626,
+  "plus-square": 62627,
+  "plus": 62628,
+  "power": 62629,
+  "printer-fill": 62630,
+  "printer": 62631,
+  "puzzle-fill": 62632,
+  "puzzle": 62633,
+  "question-circle-fill": 62634,
+  "question-circle": 62635,
+  "question-diamond-fill": 62636,
+  "question-diamond": 62637,
+  "question-octagon-fill": 62638,
+  "question-octagon": 62639,
+  "question-square-fill": 62640,
+  "question-square": 62641,
+  "question": 62642,
+  "receipt-cutoff": 62643,
+  "receipt": 62644,
+  "reception-0": 62645,
+  "reception-1": 62646,
+  "reception-2": 62647,
+  "reception-3": 62648,
+  "reception-4": 62649,
+  "record-btn-fill": 62650,
+  "record-btn": 62651,
+  "record-circle-fill": 62652,
+  "record-circle": 62653,
+  "record-fill": 62654,
+  "record": 62655,
+  "record2-fill": 62656,
+  "record2": 62657,
+  "reply-all-fill": 62658,
+  "reply-all": 62659,
+  "reply-fill": 62660,
+  "reply": 62661,
+  "rss-fill": 62662,
+  "rss": 62663,
+  "scissors": 62664,
+  "screwdriver": 62665,
+  "search": 62666,
+  "segmented-nav": 62667,
+  "server": 62668,
+  "share-fill": 62669,
+  "share": 62670,
+  "shield-check": 62671,
+  "shield-exclamation": 62672,
+  "shield-fill-check": 62673,
+  "shield-fill-exclamation": 62674,
+  "shield-fill-minus": 62675,
+  "shield-fill-plus": 62676,
+  "shield-fill-x": 62677,
+  "shield-fill": 62678,
+  "shield-lock-fill": 62679,
+  "shield-lock": 62680,
+  "shield-minus": 62681,
+  "shield-plus": 62682,
+  "shield-shaded": 62683,
+  "shield-slash-fill": 62684,
+  "shield-slash": 62685,
+  "shield-x": 62686,
+  "shield": 62687,
+  "shift-fill": 62688,
+  "shift": 62689,
+  "shop-window": 62690,
+  "shop": 62691,
+  "shuffle": 62692,
+  "signpost-2-fill": 62693,
+  "signpost-2": 62694,
+  "signpost-fill": 62695,
+  "signpost-split-fill": 62696,
+  "signpost-split": 62697,
+  "signpost": 62698,
+  "sim-fill": 62699,
+  "sim": 62700,
+  "skip-backward-btn-fill": 62701,
+  "skip-backward-btn": 62702,
+  "skip-backward-circle-fill": 62703,
+  "skip-backward-circle": 62704,
+  "skip-backward-fill": 62705,
+  "skip-backward": 62706,
+  "skip-end-btn-fill": 62707,
+  "skip-end-btn": 62708,
+  "skip-end-circle-fill": 62709,
+  "skip-end-circle": 62710,
+  "skip-end-fill": 62711,
+  "skip-end": 62712,
+  "skip-forward-btn-fill": 62713,
+  "skip-forward-btn": 62714,
+  "skip-forward-circle-fill": 62715,
+  "skip-forward-circle": 62716,
+  "skip-forward-fill": 62717,
+  "skip-forward": 62718,
+  "skip-start-btn-fill": 62719,
+  "skip-start-btn": 62720,
+  "skip-start-circle-fill": 62721,
+  "skip-start-circle": 62722,
+  "skip-start-fill": 62723,
+  "skip-start": 62724,
+  "slack": 62725,
+  "slash-circle-fill": 62726,
+  "slash-circle": 62727,
+  "slash-square-fill": 62728,
+  "slash-square": 62729,
+  "slash": 62730,
+  "sliders": 62731,
+  "smartwatch": 62732,
+  "sort-alpha-down-alt": 62733,
+  "sort-alpha-down": 62734,
+  "sort-alpha-up-alt": 62735,
+  "sort-alpha-up": 62736,
+  "sort-down-alt": 62737,
+  "sort-down": 62738,
+  "sort-numeric-down-alt": 62739,
+  "sort-numeric-down": 62740,
+  "sort-numeric-up-alt": 62741,
+  "sort-numeric-up": 62742,
+  "sort-up-alt": 62743,
+  "sort-up": 62744,
+  "soundwave": 62745,
+  "speaker-fill": 62746,
+  "speaker": 62747,
+  "spellcheck": 62748,
+  "square-fill": 62749,
+  "square-half": 62750,
+  "square": 62751,
+  "star-fill": 62752,
+  "star-half": 62753,
+  "star": 62754,
+  "stickies-fill": 62755,
+  "stickies": 62756,
+  "sticky-fill": 62757,
+  "sticky": 62758,
+  "stop-btn-fill": 62759,
+  "stop-btn": 62760,
+  "stop-circle-fill": 62761,
+  "stop-circle": 62762,
+  "stop-fill": 62763,
+  "stop": 62764,
+  "stoplights-fill": 62765,
+  "stoplights": 62766,
+  "stopwatch-fill": 62767,
+  "stopwatch": 62768,
+  "subtract": 62769,
+  "suit-club-fill": 62770,
+  "suit-club": 62771,
+  "suit-diamond-fill": 62772,
+  "suit-diamond": 62773,
+  "suit-heart-fill": 62774,
+  "suit-heart": 62775,
+  "suit-spade-fill": 62776,
+  "suit-spade": 62777,
+  "sun": 62778,
+  "sunglasses": 62779,
+  "table": 62780,
+  "tablet-fill": 62781,
+  "tablet-landscape-fill": 62782,
+  "tablet-landscape": 62783,
+  "tablet": 62784,
+  "tag-fill": 62785,
+  "tag": 62786,
+  "tags-fill": 62787,
+  "tags": 62788,
+  "telephone-fill": 62789,
+  "telephone-forward-fill": 62790,
+  "telephone-forward": 62791,
+  "telephone-inbound-fill": 62792,
+  "telephone-inbound": 62793,
+  "telephone-minus-fill": 62794,
+  "telephone-minus": 62795,
+  "telephone-outbound-fill": 62796,
+  "telephone-outbound": 62797,
+  "telephone-plus-fill": 62798,
+  "telephone-plus": 62799,
+  "telephone-x-fill": 62800,
+  "telephone-x": 62801,
+  "telephone": 62802,
+  "terminal-fill": 62803,
+  "terminal": 62804,
+  "text-center": 62805,
+  "text-indent-left": 62806,
+  "text-indent-right": 62807,
+  "text-left": 62808,
+  "text-paragraph": 62809,
+  "text-right": 62810,
+  "textarea-resize": 62811,
+  "textarea-t": 62812,
+  "textarea": 62813,
+  "thermometer-half": 62814,
+  "thermometer": 62815,
+  "three-dots-vertical": 62816,
+  "three-dots": 62817,
+  "toggle-off": 62818,
+  "toggle-on": 62819,
+  "toggle2-off": 62820,
+  "toggle2-on": 62821,
+  "toggles": 62822,
+  "toggles2": 62823,
+  "tools": 62824,
+  "trash-fill": 62825,
+  "trash": 62826,
+  "trash2-fill": 62827,
+  "trash2": 62828,
+  "tree-fill": 62829,
+  "tree": 62830,
+  "triangle-fill": 62831,
+  "triangle-half": 62832,
+  "triangle": 62833,
+  "trophy-fill": 62834,
+  "trophy": 62835,
+  "truck-flatbed": 62836,
+  "truck": 62837,
+  "tv-fill": 62838,
+  "tv": 62839,
+  "twitch": 62840,
+  "twitter": 62841,
+  "type-bold": 62842,
+  "type-h1": 62843,
+  "type-h2": 62844,
+  "type-h3": 62845,
+  "type-italic": 62846,
+  "type-strikethrough": 62847,
+  "type-underline": 62848,
+  "type": 62849,
+  "ui-checks-grid": 62850,
+  "ui-checks": 62851,
+  "ui-radios-grid": 62852,
+  "ui-radios": 62853,
+  "union": 62854,
+  "unlock-fill": 62855,
+  "unlock": 62856,
+  "upc-scan": 62857,
+  "upc": 62858,
+  "upload": 62859,
+  "vector-pen": 62860,
+  "view-list": 62861,
+  "view-stacked": 62862,
+  "vinyl-fill": 62863,
+  "vinyl": 62864,
+  "voicemail": 62865,
+  "volume-down-fill": 62866,
+  "volume-down": 62867,
+  "volume-mute-fill": 62868,
+  "volume-mute": 62869,
+  "volume-off-fill": 62870,
+  "volume-off": 62871,
+  "volume-up-fill": 62872,
+  "volume-up": 62873,
+  "vr": 62874,
+  "wallet-fill": 62875,
+  "wallet": 62876,
+  "wallet2": 62877,
+  "watch": 62878,
+  "wifi-1": 62879,
+  "wifi-2": 62880,
+  "wifi-off": 62881,
+  "wifi": 62882,
+  "window": 62883,
+  "wrench": 62884,
+  "x-circle-fill": 62885,
+  "x-circle": 62886,
+  "x-diamond-fill": 62887,
+  "x-diamond": 62888,
+  "x-octagon-fill": 62889,
+  "x-octagon": 62890,
+  "x-square-fill": 62891,
+  "x-square": 62892,
+  "x": 62893,
+  "zoom-in": 62894,
+  "zoom-out": 62895
+}
\ No newline at end of file
diff --git a/font/fonts/bootstrap-icons.woff b/font/fonts/bootstrap-icons.woff
new file mode 100644
index 000000000..4efc5d599
--- /dev/null
+++ b/font/fonts/bootstrap-icons.woff
diff --git a/font/fonts/bootstrap-icons.woff2 b/font/fonts/bootstrap-icons.woff2
new file mode 100644
index 000000000..06417c5ea
--- /dev/null
+++ b/font/fonts/bootstrap-icons.woff2
diff --git a/font/index.html b/font/index.html
new file mode 100644
index 000000000..38eff3710
--- /dev/null
+++ b/font/index.html
@@ -0,0 +1,4843 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>bootstrap-icons</title>
+
+  <style>
+    .icons {
+      display: grid;
+      max-width: 100%;
+      grid-template-columns: repeat(auto-fit, minmax(100px, 1fr) );
+      gap: 1.25rem;
+    }
+    .icon {
+      background-color: var(--bs-light);
+      border-radius: .25rem;
+    }
+    .bi {
+      margin: .25rem;
+      font-size: 2.5rem;
+    }
+    .label {
+      font-family: var(--bs-font-monospace);
+    }
+    .label {
+      display: inline-block;
+      width: 100%;
+      overflow: hidden;
+      padding: .25rem;
+      font-size: .625rem;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  </style>
+
+  <link rel="stylesheet" href="/assets/css/bootstrap.min.css">
+  <link rel="stylesheet" href="bootstrap-icons.css">
+</head>
+<body class="text-center">
+
+  <h1>bootstrap-icons</h1>
+
+  <div class="icons">
+    <div class="icon">
+      <i class="bi bi-alarm-fill"></i>
+      <div class="label">alarm-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-alarm"></i>
+      <div class="label">alarm</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-align-bottom"></i>
+      <div class="label">align-bottom</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-align-center"></i>
+      <div class="label">align-center</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-align-end"></i>
+      <div class="label">align-end</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-align-middle"></i>
+      <div class="label">align-middle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-align-start"></i>
+      <div class="label">align-start</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-align-top"></i>
+      <div class="label">align-top</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-alt"></i>
+      <div class="label">alt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-app-indicator"></i>
+      <div class="label">app-indicator</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-app"></i>
+      <div class="label">app</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-archive-fill"></i>
+      <div class="label">archive-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-archive"></i>
+      <div class="label">archive</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-90deg-down"></i>
+      <div class="label">arrow-90deg-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-90deg-left"></i>
+      <div class="label">arrow-90deg-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-90deg-right"></i>
+      <div class="label">arrow-90deg-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-90deg-up"></i>
+      <div class="label">arrow-90deg-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-bar-down"></i>
+      <div class="label">arrow-bar-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-bar-left"></i>
+      <div class="label">arrow-bar-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-bar-right"></i>
+      <div class="label">arrow-bar-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-bar-up"></i>
+      <div class="label">arrow-bar-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-clockwise"></i>
+      <div class="label">arrow-clockwise</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-counterclockwise"></i>
+      <div class="label">arrow-counterclockwise</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-circle-fill"></i>
+      <div class="label">arrow-down-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-circle"></i>
+      <div class="label">arrow-down-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-left-circle-fill"></i>
+      <div class="label">arrow-down-left-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-left-circle"></i>
+      <div class="label">arrow-down-left-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-left-square-fill"></i>
+      <div class="label">arrow-down-left-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-left-square"></i>
+      <div class="label">arrow-down-left-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-left"></i>
+      <div class="label">arrow-down-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-right-circle-fill"></i>
+      <div class="label">arrow-down-right-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-right-circle"></i>
+      <div class="label">arrow-down-right-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-right-square-fill"></i>
+      <div class="label">arrow-down-right-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-right-square"></i>
+      <div class="label">arrow-down-right-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-right"></i>
+      <div class="label">arrow-down-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-short"></i>
+      <div class="label">arrow-down-short</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-square-fill"></i>
+      <div class="label">arrow-down-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-square"></i>
+      <div class="label">arrow-down-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down-up"></i>
+      <div class="label">arrow-down-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-down"></i>
+      <div class="label">arrow-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-left-circle-fill"></i>
+      <div class="label">arrow-left-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-left-circle"></i>
+      <div class="label">arrow-left-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-left-right"></i>
+      <div class="label">arrow-left-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-left-short"></i>
+      <div class="label">arrow-left-short</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-left-square-fill"></i>
+      <div class="label">arrow-left-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-left-square"></i>
+      <div class="label">arrow-left-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-left"></i>
+      <div class="label">arrow-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-repeat"></i>
+      <div class="label">arrow-repeat</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-return-left"></i>
+      <div class="label">arrow-return-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-return-right"></i>
+      <div class="label">arrow-return-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-right-circle-fill"></i>
+      <div class="label">arrow-right-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-right-circle"></i>
+      <div class="label">arrow-right-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-right-short"></i>
+      <div class="label">arrow-right-short</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-right-square-fill"></i>
+      <div class="label">arrow-right-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-right-square"></i>
+      <div class="label">arrow-right-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-right"></i>
+      <div class="label">arrow-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-circle-fill"></i>
+      <div class="label">arrow-up-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-circle"></i>
+      <div class="label">arrow-up-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-left-circle-fill"></i>
+      <div class="label">arrow-up-left-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-left-circle"></i>
+      <div class="label">arrow-up-left-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-left-square-fill"></i>
+      <div class="label">arrow-up-left-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-left-square"></i>
+      <div class="label">arrow-up-left-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-left"></i>
+      <div class="label">arrow-up-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-right-circle-fill"></i>
+      <div class="label">arrow-up-right-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-right-circle"></i>
+      <div class="label">arrow-up-right-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-right-square-fill"></i>
+      <div class="label">arrow-up-right-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-right-square"></i>
+      <div class="label">arrow-up-right-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-right"></i>
+      <div class="label">arrow-up-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-short"></i>
+      <div class="label">arrow-up-short</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-square-fill"></i>
+      <div class="label">arrow-up-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up-square"></i>
+      <div class="label">arrow-up-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrow-up"></i>
+      <div class="label">arrow-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrows-angle-contract"></i>
+      <div class="label">arrows-angle-contract</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrows-angle-expand"></i>
+      <div class="label">arrows-angle-expand</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrows-collapse"></i>
+      <div class="label">arrows-collapse</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrows-expand"></i>
+      <div class="label">arrows-expand</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrows-fullscreen"></i>
+      <div class="label">arrows-fullscreen</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-arrows-move"></i>
+      <div class="label">arrows-move</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-aspect-ratio-fill"></i>
+      <div class="label">aspect-ratio-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-aspect-ratio"></i>
+      <div class="label">aspect-ratio</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-asterisk"></i>
+      <div class="label">asterisk</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-at"></i>
+      <div class="label">at</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-award-fill"></i>
+      <div class="label">award-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-award"></i>
+      <div class="label">award</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-back"></i>
+      <div class="label">back</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-backspace-fill"></i>
+      <div class="label">backspace-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-backspace-reverse-fill"></i>
+      <div class="label">backspace-reverse-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-backspace-reverse"></i>
+      <div class="label">backspace-reverse</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-backspace"></i>
+      <div class="label">backspace</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-4k-fill"></i>
+      <div class="label">badge-4k-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-4k"></i>
+      <div class="label">badge-4k</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-8k-fill"></i>
+      <div class="label">badge-8k-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-8k"></i>
+      <div class="label">badge-8k</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-ad-fill"></i>
+      <div class="label">badge-ad-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-ad"></i>
+      <div class="label">badge-ad</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-cc-fill"></i>
+      <div class="label">badge-cc-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-cc"></i>
+      <div class="label">badge-cc</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-hd-fill"></i>
+      <div class="label">badge-hd-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-hd"></i>
+      <div class="label">badge-hd</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-tm-fill"></i>
+      <div class="label">badge-tm-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-tm"></i>
+      <div class="label">badge-tm</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-vo-fill"></i>
+      <div class="label">badge-vo-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-badge-vo"></i>
+      <div class="label">badge-vo</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bag-check-fill"></i>
+      <div class="label">bag-check-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bag-check"></i>
+      <div class="label">bag-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bag-dash-fill"></i>
+      <div class="label">bag-dash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bag-dash"></i>
+      <div class="label">bag-dash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bag-fill"></i>
+      <div class="label">bag-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bag-plus-fill"></i>
+      <div class="label">bag-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bag-plus"></i>
+      <div class="label">bag-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bag-x-fill"></i>
+      <div class="label">bag-x-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bag-x"></i>
+      <div class="label">bag-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bag"></i>
+      <div class="label">bag</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bar-chart-fill"></i>
+      <div class="label">bar-chart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bar-chart-line-fill"></i>
+      <div class="label">bar-chart-line-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bar-chart-line"></i>
+      <div class="label">bar-chart-line</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bar-chart-steps"></i>
+      <div class="label">bar-chart-steps</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bar-chart"></i>
+      <div class="label">bar-chart</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-basket-fill"></i>
+      <div class="label">basket-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-basket"></i>
+      <div class="label">basket</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-basket2-fill"></i>
+      <div class="label">basket2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-basket2"></i>
+      <div class="label">basket2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-basket3-fill"></i>
+      <div class="label">basket3-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-basket3"></i>
+      <div class="label">basket3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-battery-charging"></i>
+      <div class="label">battery-charging</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-battery-full"></i>
+      <div class="label">battery-full</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-battery-half"></i>
+      <div class="label">battery-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-battery"></i>
+      <div class="label">battery</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bell-fill"></i>
+      <div class="label">bell-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bell"></i>
+      <div class="label">bell</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bezier"></i>
+      <div class="label">bezier</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bezier2"></i>
+      <div class="label">bezier2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bicycle"></i>
+      <div class="label">bicycle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-binoculars-fill"></i>
+      <div class="label">binoculars-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-binoculars"></i>
+      <div class="label">binoculars</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-blockquote-left"></i>
+      <div class="label">blockquote-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-blockquote-right"></i>
+      <div class="label">blockquote-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-book-fill"></i>
+      <div class="label">book-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-book-half"></i>
+      <div class="label">book-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-book"></i>
+      <div class="label">book</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-check-fill"></i>
+      <div class="label">bookmark-check-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-check"></i>
+      <div class="label">bookmark-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-dash-fill"></i>
+      <div class="label">bookmark-dash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-dash"></i>
+      <div class="label">bookmark-dash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-fill"></i>
+      <div class="label">bookmark-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-heart-fill"></i>
+      <div class="label">bookmark-heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-heart"></i>
+      <div class="label">bookmark-heart</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-plus-fill"></i>
+      <div class="label">bookmark-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-plus"></i>
+      <div class="label">bookmark-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-star-fill"></i>
+      <div class="label">bookmark-star-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-star"></i>
+      <div class="label">bookmark-star</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-x-fill"></i>
+      <div class="label">bookmark-x-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark-x"></i>
+      <div class="label">bookmark-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmark"></i>
+      <div class="label">bookmark</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmarks-fill"></i>
+      <div class="label">bookmarks-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookmarks"></i>
+      <div class="label">bookmarks</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bookshelf"></i>
+      <div class="label">bookshelf</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bootstrap-fill"></i>
+      <div class="label">bootstrap-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bootstrap-reboot"></i>
+      <div class="label">bootstrap-reboot</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bootstrap"></i>
+      <div class="label">bootstrap</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-border-style"></i>
+      <div class="label">border-style</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-border-width"></i>
+      <div class="label">border-width</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bounding-box-circles"></i>
+      <div class="label">bounding-box-circles</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bounding-box"></i>
+      <div class="label">bounding-box</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-down-left"></i>
+      <div class="label">box-arrow-down-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-down-right"></i>
+      <div class="label">box-arrow-down-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-down"></i>
+      <div class="label">box-arrow-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-in-down-left"></i>
+      <div class="label">box-arrow-in-down-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-in-down-right"></i>
+      <div class="label">box-arrow-in-down-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-in-down"></i>
+      <div class="label">box-arrow-in-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-in-left"></i>
+      <div class="label">box-arrow-in-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-in-right"></i>
+      <div class="label">box-arrow-in-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-in-up-left"></i>
+      <div class="label">box-arrow-in-up-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-in-up-right"></i>
+      <div class="label">box-arrow-in-up-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-in-up"></i>
+      <div class="label">box-arrow-in-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-left"></i>
+      <div class="label">box-arrow-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-right"></i>
+      <div class="label">box-arrow-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-up-left"></i>
+      <div class="label">box-arrow-up-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-up-right"></i>
+      <div class="label">box-arrow-up-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-arrow-up"></i>
+      <div class="label">box-arrow-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box-seam"></i>
+      <div class="label">box-seam</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-box"></i>
+      <div class="label">box</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-braces"></i>
+      <div class="label">braces</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bricks"></i>
+      <div class="label">bricks</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-briefcase-fill"></i>
+      <div class="label">briefcase-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-briefcase"></i>
+      <div class="label">briefcase</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-brightness-alt-high-fill"></i>
+      <div class="label">brightness-alt-high-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-brightness-alt-high"></i>
+      <div class="label">brightness-alt-high</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-brightness-alt-low-fill"></i>
+      <div class="label">brightness-alt-low-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-brightness-alt-low"></i>
+      <div class="label">brightness-alt-low</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-brightness-high-fill"></i>
+      <div class="label">brightness-high-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-brightness-high"></i>
+      <div class="label">brightness-high</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-brightness-low-fill"></i>
+      <div class="label">brightness-low-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-brightness-low"></i>
+      <div class="label">brightness-low</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-broadcast-pin"></i>
+      <div class="label">broadcast-pin</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-broadcast"></i>
+      <div class="label">broadcast</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-brush-fill"></i>
+      <div class="label">brush-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-brush"></i>
+      <div class="label">brush</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bucket-fill"></i>
+      <div class="label">bucket-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bucket"></i>
+      <div class="label">bucket</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bug-fill"></i>
+      <div class="label">bug-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bug"></i>
+      <div class="label">bug</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-building"></i>
+      <div class="label">building</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-bullseye"></i>
+      <div class="label">bullseye</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calculator-fill"></i>
+      <div class="label">calculator-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calculator"></i>
+      <div class="label">calculator</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-check-fill"></i>
+      <div class="label">calendar-check-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-check"></i>
+      <div class="label">calendar-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-date-fill"></i>
+      <div class="label">calendar-date-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-date"></i>
+      <div class="label">calendar-date</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-day-fill"></i>
+      <div class="label">calendar-day-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-day"></i>
+      <div class="label">calendar-day</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-event-fill"></i>
+      <div class="label">calendar-event-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-event"></i>
+      <div class="label">calendar-event</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-fill"></i>
+      <div class="label">calendar-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-minus-fill"></i>
+      <div class="label">calendar-minus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-minus"></i>
+      <div class="label">calendar-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-month-fill"></i>
+      <div class="label">calendar-month-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-month"></i>
+      <div class="label">calendar-month</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-plus-fill"></i>
+      <div class="label">calendar-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-plus"></i>
+      <div class="label">calendar-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-range-fill"></i>
+      <div class="label">calendar-range-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-range"></i>
+      <div class="label">calendar-range</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-week-fill"></i>
+      <div class="label">calendar-week-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-week"></i>
+      <div class="label">calendar-week</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-x-fill"></i>
+      <div class="label">calendar-x-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar-x"></i>
+      <div class="label">calendar-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar"></i>
+      <div class="label">calendar</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-check-fill"></i>
+      <div class="label">calendar2-check-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-check"></i>
+      <div class="label">calendar2-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-date-fill"></i>
+      <div class="label">calendar2-date-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-date"></i>
+      <div class="label">calendar2-date</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-day-fill"></i>
+      <div class="label">calendar2-day-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-day"></i>
+      <div class="label">calendar2-day</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-event-fill"></i>
+      <div class="label">calendar2-event-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-event"></i>
+      <div class="label">calendar2-event</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-fill"></i>
+      <div class="label">calendar2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-minus-fill"></i>
+      <div class="label">calendar2-minus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-minus"></i>
+      <div class="label">calendar2-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-month-fill"></i>
+      <div class="label">calendar2-month-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-month"></i>
+      <div class="label">calendar2-month</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-plus-fill"></i>
+      <div class="label">calendar2-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-plus"></i>
+      <div class="label">calendar2-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-range-fill"></i>
+      <div class="label">calendar2-range-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-range"></i>
+      <div class="label">calendar2-range</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-week-fill"></i>
+      <div class="label">calendar2-week-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-week"></i>
+      <div class="label">calendar2-week</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-x-fill"></i>
+      <div class="label">calendar2-x-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2-x"></i>
+      <div class="label">calendar2-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar2"></i>
+      <div class="label">calendar2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar3-event-fill"></i>
+      <div class="label">calendar3-event-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar3-event"></i>
+      <div class="label">calendar3-event</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar3-fill"></i>
+      <div class="label">calendar3-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar3-range-fill"></i>
+      <div class="label">calendar3-range-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar3-range"></i>
+      <div class="label">calendar3-range</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar3-week-fill"></i>
+      <div class="label">calendar3-week-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar3-week"></i>
+      <div class="label">calendar3-week</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar3"></i>
+      <div class="label">calendar3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar4-event"></i>
+      <div class="label">calendar4-event</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar4-range"></i>
+      <div class="label">calendar4-range</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar4-week"></i>
+      <div class="label">calendar4-week</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-calendar4"></i>
+      <div class="label">calendar4</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-camera-fill"></i>
+      <div class="label">camera-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-camera-reels-fill"></i>
+      <div class="label">camera-reels-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-camera-reels"></i>
+      <div class="label">camera-reels</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-camera-video-fill"></i>
+      <div class="label">camera-video-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-camera-video-off-fill"></i>
+      <div class="label">camera-video-off-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-camera-video-off"></i>
+      <div class="label">camera-video-off</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-camera-video"></i>
+      <div class="label">camera-video</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-camera"></i>
+      <div class="label">camera</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-camera2"></i>
+      <div class="label">camera2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-capslock-fill"></i>
+      <div class="label">capslock-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-capslock"></i>
+      <div class="label">capslock</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-card-checklist"></i>
+      <div class="label">card-checklist</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-card-heading"></i>
+      <div class="label">card-heading</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-card-image"></i>
+      <div class="label">card-image</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-card-list"></i>
+      <div class="label">card-list</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-card-text"></i>
+      <div class="label">card-text</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-down-fill"></i>
+      <div class="label">caret-down-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-down-square-fill"></i>
+      <div class="label">caret-down-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-down-square"></i>
+      <div class="label">caret-down-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-down"></i>
+      <div class="label">caret-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-left-fill"></i>
+      <div class="label">caret-left-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-left-square-fill"></i>
+      <div class="label">caret-left-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-left-square"></i>
+      <div class="label">caret-left-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-left"></i>
+      <div class="label">caret-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-right-fill"></i>
+      <div class="label">caret-right-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-right-square-fill"></i>
+      <div class="label">caret-right-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-right-square"></i>
+      <div class="label">caret-right-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-right"></i>
+      <div class="label">caret-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-up-fill"></i>
+      <div class="label">caret-up-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-up-square-fill"></i>
+      <div class="label">caret-up-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-up-square"></i>
+      <div class="label">caret-up-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-caret-up"></i>
+      <div class="label">caret-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart-check-fill"></i>
+      <div class="label">cart-check-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart-check"></i>
+      <div class="label">cart-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart-dash-fill"></i>
+      <div class="label">cart-dash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart-dash"></i>
+      <div class="label">cart-dash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart-fill"></i>
+      <div class="label">cart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart-plus-fill"></i>
+      <div class="label">cart-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart-plus"></i>
+      <div class="label">cart-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart-x-fill"></i>
+      <div class="label">cart-x-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart-x"></i>
+      <div class="label">cart-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart"></i>
+      <div class="label">cart</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart2"></i>
+      <div class="label">cart2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart3"></i>
+      <div class="label">cart3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cart4"></i>
+      <div class="label">cart4</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cash-stack"></i>
+      <div class="label">cash-stack</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cash"></i>
+      <div class="label">cash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cast"></i>
+      <div class="label">cast</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-dots-fill"></i>
+      <div class="label">chat-dots-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-dots"></i>
+      <div class="label">chat-dots</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-fill"></i>
+      <div class="label">chat-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-left-dots-fill"></i>
+      <div class="label">chat-left-dots-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-left-dots"></i>
+      <div class="label">chat-left-dots</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-left-fill"></i>
+      <div class="label">chat-left-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-left-quote-fill"></i>
+      <div class="label">chat-left-quote-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-left-quote"></i>
+      <div class="label">chat-left-quote</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-left-text-fill"></i>
+      <div class="label">chat-left-text-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-left-text"></i>
+      <div class="label">chat-left-text</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-left"></i>
+      <div class="label">chat-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-quote-fill"></i>
+      <div class="label">chat-quote-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-quote"></i>
+      <div class="label">chat-quote</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-right-dots-fill"></i>
+      <div class="label">chat-right-dots-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-right-dots"></i>
+      <div class="label">chat-right-dots</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-right-fill"></i>
+      <div class="label">chat-right-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-right-quote-fill"></i>
+      <div class="label">chat-right-quote-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-right-quote"></i>
+      <div class="label">chat-right-quote</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-right-text-fill"></i>
+      <div class="label">chat-right-text-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-right-text"></i>
+      <div class="label">chat-right-text</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-right"></i>
+      <div class="label">chat-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-square-dots-fill"></i>
+      <div class="label">chat-square-dots-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-square-dots"></i>
+      <div class="label">chat-square-dots</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-square-fill"></i>
+      <div class="label">chat-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-square-quote-fill"></i>
+      <div class="label">chat-square-quote-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-square-quote"></i>
+      <div class="label">chat-square-quote</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-square-text-fill"></i>
+      <div class="label">chat-square-text-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-square-text"></i>
+      <div class="label">chat-square-text</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-square"></i>
+      <div class="label">chat-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-text-fill"></i>
+      <div class="label">chat-text-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat-text"></i>
+      <div class="label">chat-text</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chat"></i>
+      <div class="label">chat</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-check-all"></i>
+      <div class="label">check-all</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-check-circle-fill"></i>
+      <div class="label">check-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-check-circle"></i>
+      <div class="label">check-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-check-square-fill"></i>
+      <div class="label">check-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-check-square"></i>
+      <div class="label">check-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-check"></i>
+      <div class="label">check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-check2-all"></i>
+      <div class="label">check2-all</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-check2-circle"></i>
+      <div class="label">check2-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-check2-square"></i>
+      <div class="label">check2-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-check2"></i>
+      <div class="label">check2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-bar-contract"></i>
+      <div class="label">chevron-bar-contract</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-bar-down"></i>
+      <div class="label">chevron-bar-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-bar-expand"></i>
+      <div class="label">chevron-bar-expand</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-bar-left"></i>
+      <div class="label">chevron-bar-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-bar-right"></i>
+      <div class="label">chevron-bar-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-bar-up"></i>
+      <div class="label">chevron-bar-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-compact-down"></i>
+      <div class="label">chevron-compact-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-compact-left"></i>
+      <div class="label">chevron-compact-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-compact-right"></i>
+      <div class="label">chevron-compact-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-compact-up"></i>
+      <div class="label">chevron-compact-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-contract"></i>
+      <div class="label">chevron-contract</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-double-down"></i>
+      <div class="label">chevron-double-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-double-left"></i>
+      <div class="label">chevron-double-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-double-right"></i>
+      <div class="label">chevron-double-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-double-up"></i>
+      <div class="label">chevron-double-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-down"></i>
+      <div class="label">chevron-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-expand"></i>
+      <div class="label">chevron-expand</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-left"></i>
+      <div class="label">chevron-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-right"></i>
+      <div class="label">chevron-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-chevron-up"></i>
+      <div class="label">chevron-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-circle-fill"></i>
+      <div class="label">circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-circle-half"></i>
+      <div class="label">circle-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-circle-square"></i>
+      <div class="label">circle-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-circle"></i>
+      <div class="label">circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard-check"></i>
+      <div class="label">clipboard-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard-data"></i>
+      <div class="label">clipboard-data</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard-minus"></i>
+      <div class="label">clipboard-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard-plus"></i>
+      <div class="label">clipboard-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard-x"></i>
+      <div class="label">clipboard-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clipboard"></i>
+      <div class="label">clipboard</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clock-fill"></i>
+      <div class="label">clock-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clock-history"></i>
+      <div class="label">clock-history</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-clock"></i>
+      <div class="label">clock</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-arrow-down-fill"></i>
+      <div class="label">cloud-arrow-down-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-arrow-down"></i>
+      <div class="label">cloud-arrow-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-arrow-up-fill"></i>
+      <div class="label">cloud-arrow-up-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-arrow-up"></i>
+      <div class="label">cloud-arrow-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-check-fill"></i>
+      <div class="label">cloud-check-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-check"></i>
+      <div class="label">cloud-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-download-fill"></i>
+      <div class="label">cloud-download-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-download"></i>
+      <div class="label">cloud-download</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-fill"></i>
+      <div class="label">cloud-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-minus-fill"></i>
+      <div class="label">cloud-minus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-minus"></i>
+      <div class="label">cloud-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-plus-fill"></i>
+      <div class="label">cloud-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-plus"></i>
+      <div class="label">cloud-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-slash-fill"></i>
+      <div class="label">cloud-slash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-slash"></i>
+      <div class="label">cloud-slash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-upload-fill"></i>
+      <div class="label">cloud-upload-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud-upload"></i>
+      <div class="label">cloud-upload</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cloud"></i>
+      <div class="label">cloud</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-code-slash"></i>
+      <div class="label">code-slash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-code-square"></i>
+      <div class="label">code-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-code"></i>
+      <div class="label">code</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-collection-fill"></i>
+      <div class="label">collection-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-collection-play-fill"></i>
+      <div class="label">collection-play-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-collection-play"></i>
+      <div class="label">collection-play</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-collection"></i>
+      <div class="label">collection</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-columns-gap"></i>
+      <div class="label">columns-gap</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-columns"></i>
+      <div class="label">columns</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-command"></i>
+      <div class="label">command</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-compass-fill"></i>
+      <div class="label">compass-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-compass"></i>
+      <div class="label">compass</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cone-striped"></i>
+      <div class="label">cone-striped</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cone"></i>
+      <div class="label">cone</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-controller"></i>
+      <div class="label">controller</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cpu-fill"></i>
+      <div class="label">cpu-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cpu"></i>
+      <div class="label">cpu</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-credit-card-2-back-fill"></i>
+      <div class="label">credit-card-2-back-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-credit-card-2-back"></i>
+      <div class="label">credit-card-2-back</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-credit-card-2-front-fill"></i>
+      <div class="label">credit-card-2-front-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-credit-card-2-front"></i>
+      <div class="label">credit-card-2-front</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-credit-card-fill"></i>
+      <div class="label">credit-card-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-credit-card"></i>
+      <div class="label">credit-card</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-crop"></i>
+      <div class="label">crop</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cup-fill"></i>
+      <div class="label">cup-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cup-straw"></i>
+      <div class="label">cup-straw</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cup"></i>
+      <div class="label">cup</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cursor-fill"></i>
+      <div class="label">cursor-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cursor-text"></i>
+      <div class="label">cursor-text</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-cursor"></i>
+      <div class="label">cursor</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dash-circle-fill"></i>
+      <div class="label">dash-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dash-circle"></i>
+      <div class="label">dash-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dash-square-fill"></i>
+      <div class="label">dash-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dash-square"></i>
+      <div class="label">dash-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dash"></i>
+      <div class="label">dash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-diagram-2-fill"></i>
+      <div class="label">diagram-2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-diagram-2"></i>
+      <div class="label">diagram-2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-diagram-3-fill"></i>
+      <div class="label">diagram-3-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-diagram-3"></i>
+      <div class="label">diagram-3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-diamond-fill"></i>
+      <div class="label">diamond-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-diamond-half"></i>
+      <div class="label">diamond-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-diamond"></i>
+      <div class="label">diamond</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dice-1-fill"></i>
+      <div class="label">dice-1-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dice-1"></i>
+      <div class="label">dice-1</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dice-2-fill"></i>
+      <div class="label">dice-2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dice-2"></i>
+      <div class="label">dice-2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dice-3-fill"></i>
+      <div class="label">dice-3-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dice-3"></i>
+      <div class="label">dice-3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dice-4-fill"></i>
+      <div class="label">dice-4-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dice-4"></i>
+      <div class="label">dice-4</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dice-5-fill"></i>
+      <div class="label">dice-5-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dice-5"></i>
+      <div class="label">dice-5</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dice-6-fill"></i>
+      <div class="label">dice-6-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dice-6"></i>
+      <div class="label">dice-6</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-disc-fill"></i>
+      <div class="label">disc-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-disc"></i>
+      <div class="label">disc</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-display-fill"></i>
+      <div class="label">display-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-display"></i>
+      <div class="label">display</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-distribute-horizontal"></i>
+      <div class="label">distribute-horizontal</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-distribute-vertical"></i>
+      <div class="label">distribute-vertical</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-door-closed-fill"></i>
+      <div class="label">door-closed-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-door-closed"></i>
+      <div class="label">door-closed</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-door-open-fill"></i>
+      <div class="label">door-open-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-door-open"></i>
+      <div class="label">door-open</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-dot"></i>
+      <div class="label">dot</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-download"></i>
+      <div class="label">download</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-droplet-fill"></i>
+      <div class="label">droplet-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-droplet-half"></i>
+      <div class="label">droplet-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-droplet"></i>
+      <div class="label">droplet</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-earbuds"></i>
+      <div class="label">earbuds</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-easel-fill"></i>
+      <div class="label">easel-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-easel"></i>
+      <div class="label">easel</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-egg-fill"></i>
+      <div class="label">egg-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-egg-fried"></i>
+      <div class="label">egg-fried</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-egg"></i>
+      <div class="label">egg</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-eject-fill"></i>
+      <div class="label">eject-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-eject"></i>
+      <div class="label">eject</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-angry-fill"></i>
+      <div class="label">emoji-angry-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-angry"></i>
+      <div class="label">emoji-angry</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-dizzy-fill"></i>
+      <div class="label">emoji-dizzy-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-dizzy"></i>
+      <div class="label">emoji-dizzy</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-expressionless-fill"></i>
+      <div class="label">emoji-expressionless-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-expressionless"></i>
+      <div class="label">emoji-expressionless</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-frown-fill"></i>
+      <div class="label">emoji-frown-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-frown"></i>
+      <div class="label">emoji-frown</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-heart-eyes-fill"></i>
+      <div class="label">emoji-heart-eyes-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-heart-eyes"></i>
+      <div class="label">emoji-heart-eyes</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-laughing-fill"></i>
+      <div class="label">emoji-laughing-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-laughing"></i>
+      <div class="label">emoji-laughing</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-neutral-fill"></i>
+      <div class="label">emoji-neutral-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-neutral"></i>
+      <div class="label">emoji-neutral</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-smile-fill"></i>
+      <div class="label">emoji-smile-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-smile-upside-down-fill"></i>
+      <div class="label">emoji-smile-upside-down-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-smile-upside-down"></i>
+      <div class="label">emoji-smile-upside-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-smile"></i>
+      <div class="label">emoji-smile</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-sunglasses-fill"></i>
+      <div class="label">emoji-sunglasses-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-sunglasses"></i>
+      <div class="label">emoji-sunglasses</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-wink-fill"></i>
+      <div class="label">emoji-wink-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-emoji-wink"></i>
+      <div class="label">emoji-wink</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-fill"></i>
+      <div class="label">envelope-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-open-fill"></i>
+      <div class="label">envelope-open-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope-open"></i>
+      <div class="label">envelope-open</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-envelope"></i>
+      <div class="label">envelope</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclamation-circle-fill"></i>
+      <div class="label">exclamation-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclamation-circle"></i>
+      <div class="label">exclamation-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclamation-diamond-fill"></i>
+      <div class="label">exclamation-diamond-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclamation-diamond"></i>
+      <div class="label">exclamation-diamond</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclamation-octagon-fill"></i>
+      <div class="label">exclamation-octagon-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclamation-octagon"></i>
+      <div class="label">exclamation-octagon</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclamation-square-fill"></i>
+      <div class="label">exclamation-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclamation-square"></i>
+      <div class="label">exclamation-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclamation-triangle-fill"></i>
+      <div class="label">exclamation-triangle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclamation-triangle"></i>
+      <div class="label">exclamation-triangle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclamation"></i>
+      <div class="label">exclamation</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-exclude"></i>
+      <div class="label">exclude</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-eye-fill"></i>
+      <div class="label">eye-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-eye-slash-fill"></i>
+      <div class="label">eye-slash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-eye-slash"></i>
+      <div class="label">eye-slash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-eye"></i>
+      <div class="label">eye</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-eyeglasses"></i>
+      <div class="label">eyeglasses</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-facebook"></i>
+      <div class="label">facebook</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-arrow-down-fill"></i>
+      <div class="label">file-arrow-down-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-arrow-down"></i>
+      <div class="label">file-arrow-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-arrow-up-fill"></i>
+      <div class="label">file-arrow-up-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-arrow-up"></i>
+      <div class="label">file-arrow-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-bar-graph-fill"></i>
+      <div class="label">file-bar-graph-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-bar-graph"></i>
+      <div class="label">file-bar-graph</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-binary-fill"></i>
+      <div class="label">file-binary-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-binary"></i>
+      <div class="label">file-binary</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-break-fill"></i>
+      <div class="label">file-break-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-break"></i>
+      <div class="label">file-break</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-check-fill"></i>
+      <div class="label">file-check-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-check"></i>
+      <div class="label">file-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-code-fill"></i>
+      <div class="label">file-code-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-code"></i>
+      <div class="label">file-code</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-diff-fill"></i>
+      <div class="label">file-diff-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-diff"></i>
+      <div class="label">file-diff</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-arrow-down-fill"></i>
+      <div class="label">file-earmark-arrow-down-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-arrow-down"></i>
+      <div class="label">file-earmark-arrow-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-arrow-up-fill"></i>
+      <div class="label">file-earmark-arrow-up-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-arrow-up"></i>
+      <div class="label">file-earmark-arrow-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-bar-graph-fill"></i>
+      <div class="label">file-earmark-bar-graph-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-bar-graph"></i>
+      <div class="label">file-earmark-bar-graph</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-binary-fill"></i>
+      <div class="label">file-earmark-binary-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-binary"></i>
+      <div class="label">file-earmark-binary</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-break-fill"></i>
+      <div class="label">file-earmark-break-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-break"></i>
+      <div class="label">file-earmark-break</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-check-fill"></i>
+      <div class="label">file-earmark-check-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-check"></i>
+      <div class="label">file-earmark-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-code-fill"></i>
+      <div class="label">file-earmark-code-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-code"></i>
+      <div class="label">file-earmark-code</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-diff-fill"></i>
+      <div class="label">file-earmark-diff-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-diff"></i>
+      <div class="label">file-earmark-diff</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-easel-fill"></i>
+      <div class="label">file-earmark-easel-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-easel"></i>
+      <div class="label">file-earmark-easel</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-excel-fill"></i>
+      <div class="label">file-earmark-excel-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-excel"></i>
+      <div class="label">file-earmark-excel</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-fill"></i>
+      <div class="label">file-earmark-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-font-fill"></i>
+      <div class="label">file-earmark-font-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-font"></i>
+      <div class="label">file-earmark-font</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-image-fill"></i>
+      <div class="label">file-earmark-image-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-image"></i>
+      <div class="label">file-earmark-image</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-lock-fill"></i>
+      <div class="label">file-earmark-lock-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-lock"></i>
+      <div class="label">file-earmark-lock</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-lock2-fill"></i>
+      <div class="label">file-earmark-lock2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-lock2"></i>
+      <div class="label">file-earmark-lock2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-medical-fill"></i>
+      <div class="label">file-earmark-medical-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-medical"></i>
+      <div class="label">file-earmark-medical</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-minus-fill"></i>
+      <div class="label">file-earmark-minus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-minus"></i>
+      <div class="label">file-earmark-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-music-fill"></i>
+      <div class="label">file-earmark-music-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-music"></i>
+      <div class="label">file-earmark-music</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-person-fill"></i>
+      <div class="label">file-earmark-person-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-person"></i>
+      <div class="label">file-earmark-person</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-play-fill"></i>
+      <div class="label">file-earmark-play-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-play"></i>
+      <div class="label">file-earmark-play</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-plus-fill"></i>
+      <div class="label">file-earmark-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-plus"></i>
+      <div class="label">file-earmark-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-post-fill"></i>
+      <div class="label">file-earmark-post-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-post"></i>
+      <div class="label">file-earmark-post</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-ppt-fill"></i>
+      <div class="label">file-earmark-ppt-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-ppt"></i>
+      <div class="label">file-earmark-ppt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-richtext-fill"></i>
+      <div class="label">file-earmark-richtext-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-richtext"></i>
+      <div class="label">file-earmark-richtext</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-ruled-fill"></i>
+      <div class="label">file-earmark-ruled-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-ruled"></i>
+      <div class="label">file-earmark-ruled</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-slides-fill"></i>
+      <div class="label">file-earmark-slides-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-slides"></i>
+      <div class="label">file-earmark-slides</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-spreadsheet-fill"></i>
+      <div class="label">file-earmark-spreadsheet-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-spreadsheet"></i>
+      <div class="label">file-earmark-spreadsheet</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-text-fill"></i>
+      <div class="label">file-earmark-text-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-text"></i>
+      <div class="label">file-earmark-text</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-word-fill"></i>
+      <div class="label">file-earmark-word-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-word"></i>
+      <div class="label">file-earmark-word</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-x-fill"></i>
+      <div class="label">file-earmark-x-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-x"></i>
+      <div class="label">file-earmark-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-zip-fill"></i>
+      <div class="label">file-earmark-zip-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark-zip"></i>
+      <div class="label">file-earmark-zip</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-earmark"></i>
+      <div class="label">file-earmark</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-easel-fill"></i>
+      <div class="label">file-easel-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-easel"></i>
+      <div class="label">file-easel</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-excel-fill"></i>
+      <div class="label">file-excel-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-excel"></i>
+      <div class="label">file-excel</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-fill"></i>
+      <div class="label">file-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-font-fill"></i>
+      <div class="label">file-font-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-font"></i>
+      <div class="label">file-font</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-image-fill"></i>
+      <div class="label">file-image-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-image"></i>
+      <div class="label">file-image</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-lock-fill"></i>
+      <div class="label">file-lock-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-lock"></i>
+      <div class="label">file-lock</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-lock2-fill"></i>
+      <div class="label">file-lock2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-lock2"></i>
+      <div class="label">file-lock2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-medical-fill"></i>
+      <div class="label">file-medical-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-medical"></i>
+      <div class="label">file-medical</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-minus-fill"></i>
+      <div class="label">file-minus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-minus"></i>
+      <div class="label">file-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-music-fill"></i>
+      <div class="label">file-music-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-music"></i>
+      <div class="label">file-music</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-person-fill"></i>
+      <div class="label">file-person-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-person"></i>
+      <div class="label">file-person</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-play-fill"></i>
+      <div class="label">file-play-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-play"></i>
+      <div class="label">file-play</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-plus-fill"></i>
+      <div class="label">file-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-plus"></i>
+      <div class="label">file-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-post-fill"></i>
+      <div class="label">file-post-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-post"></i>
+      <div class="label">file-post</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-ppt-fill"></i>
+      <div class="label">file-ppt-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-ppt"></i>
+      <div class="label">file-ppt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-richtext-fill"></i>
+      <div class="label">file-richtext-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-richtext"></i>
+      <div class="label">file-richtext</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-ruled-fill"></i>
+      <div class="label">file-ruled-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-ruled"></i>
+      <div class="label">file-ruled</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-slides-fill"></i>
+      <div class="label">file-slides-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-slides"></i>
+      <div class="label">file-slides</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-spreadsheet-fill"></i>
+      <div class="label">file-spreadsheet-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-spreadsheet"></i>
+      <div class="label">file-spreadsheet</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-text-fill"></i>
+      <div class="label">file-text-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-text"></i>
+      <div class="label">file-text</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-word-fill"></i>
+      <div class="label">file-word-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-word"></i>
+      <div class="label">file-word</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-x-fill"></i>
+      <div class="label">file-x-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-x"></i>
+      <div class="label">file-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-zip-fill"></i>
+      <div class="label">file-zip-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file-zip"></i>
+      <div class="label">file-zip</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-file"></i>
+      <div class="label">file</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-files-alt"></i>
+      <div class="label">files-alt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-files"></i>
+      <div class="label">files</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-film"></i>
+      <div class="label">film</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filter-circle-fill"></i>
+      <div class="label">filter-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filter-circle"></i>
+      <div class="label">filter-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filter-left"></i>
+      <div class="label">filter-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filter-right"></i>
+      <div class="label">filter-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filter-square-fill"></i>
+      <div class="label">filter-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filter-square"></i>
+      <div class="label">filter-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-filter"></i>
+      <div class="label">filter</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-flag-fill"></i>
+      <div class="label">flag-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-flag"></i>
+      <div class="label">flag</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-flower1"></i>
+      <div class="label">flower1</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-flower2"></i>
+      <div class="label">flower2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-flower3"></i>
+      <div class="label">flower3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder-check"></i>
+      <div class="label">folder-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder-fill"></i>
+      <div class="label">folder-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder-minus"></i>
+      <div class="label">folder-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder-plus"></i>
+      <div class="label">folder-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder-symlink-fill"></i>
+      <div class="label">folder-symlink-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder-symlink"></i>
+      <div class="label">folder-symlink</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder-x"></i>
+      <div class="label">folder-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder"></i>
+      <div class="label">folder</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder2-open"></i>
+      <div class="label">folder2-open</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-folder2"></i>
+      <div class="label">folder2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-fonts"></i>
+      <div class="label">fonts</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-forward-fill"></i>
+      <div class="label">forward-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-forward"></i>
+      <div class="label">forward</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-front"></i>
+      <div class="label">front</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-fullscreen-exit"></i>
+      <div class="label">fullscreen-exit</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-fullscreen"></i>
+      <div class="label">fullscreen</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-funnel-fill"></i>
+      <div class="label">funnel-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-funnel"></i>
+      <div class="label">funnel</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-gear-fill"></i>
+      <div class="label">gear-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-gear-wide-connected"></i>
+      <div class="label">gear-wide-connected</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-gear-wide"></i>
+      <div class="label">gear-wide</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-gear"></i>
+      <div class="label">gear</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-gem"></i>
+      <div class="label">gem</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-geo-alt-fill"></i>
+      <div class="label">geo-alt-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-geo-alt"></i>
+      <div class="label">geo-alt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-geo-fill"></i>
+      <div class="label">geo-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-geo"></i>
+      <div class="label">geo</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-gift-fill"></i>
+      <div class="label">gift-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-gift"></i>
+      <div class="label">gift</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-github"></i>
+      <div class="label">github</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-globe"></i>
+      <div class="label">globe</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-globe2"></i>
+      <div class="label">globe2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-google"></i>
+      <div class="label">google</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-graph-down"></i>
+      <div class="label">graph-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-graph-up"></i>
+      <div class="label">graph-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-grid-1x2-fill"></i>
+      <div class="label">grid-1x2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-grid-1x2"></i>
+      <div class="label">grid-1x2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-grid-3x2-gap-fill"></i>
+      <div class="label">grid-3x2-gap-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-grid-3x2-gap"></i>
+      <div class="label">grid-3x2-gap</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-grid-3x2"></i>
+      <div class="label">grid-3x2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-grid-3x3-gap-fill"></i>
+      <div class="label">grid-3x3-gap-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-grid-3x3-gap"></i>
+      <div class="label">grid-3x3-gap</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-grid-3x3"></i>
+      <div class="label">grid-3x3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-grid-fill"></i>
+      <div class="label">grid-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-grid"></i>
+      <div class="label">grid</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-grip-horizontal"></i>
+      <div class="label">grip-horizontal</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-grip-vertical"></i>
+      <div class="label">grip-vertical</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hammer"></i>
+      <div class="label">hammer</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hand-index-thumb"></i>
+      <div class="label">hand-index-thumb</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hand-index"></i>
+      <div class="label">hand-index</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hand-thumbs-down"></i>
+      <div class="label">hand-thumbs-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hand-thumbs-up"></i>
+      <div class="label">hand-thumbs-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-handbag-fill"></i>
+      <div class="label">handbag-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-handbag"></i>
+      <div class="label">handbag</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hash"></i>
+      <div class="label">hash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hdd-fill"></i>
+      <div class="label">hdd-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hdd-network-fill"></i>
+      <div class="label">hdd-network-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hdd-network"></i>
+      <div class="label">hdd-network</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hdd-rack-fill"></i>
+      <div class="label">hdd-rack-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hdd-rack"></i>
+      <div class="label">hdd-rack</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hdd-stack-fill"></i>
+      <div class="label">hdd-stack-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hdd-stack"></i>
+      <div class="label">hdd-stack</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hdd"></i>
+      <div class="label">hdd</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-headphones"></i>
+      <div class="label">headphones</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-headset"></i>
+      <div class="label">headset</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-heart-fill"></i>
+      <div class="label">heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-heart-half"></i>
+      <div class="label">heart-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-heart"></i>
+      <div class="label">heart</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-heptagon-fill"></i>
+      <div class="label">heptagon-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-heptagon-half"></i>
+      <div class="label">heptagon-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-heptagon"></i>
+      <div class="label">heptagon</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hexagon-fill"></i>
+      <div class="label">hexagon-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hexagon-half"></i>
+      <div class="label">hexagon-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hexagon"></i>
+      <div class="label">hexagon</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hourglass-bottom"></i>
+      <div class="label">hourglass-bottom</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hourglass-split"></i>
+      <div class="label">hourglass-split</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hourglass-top"></i>
+      <div class="label">hourglass-top</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hourglass"></i>
+      <div class="label">hourglass</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-house-door-fill"></i>
+      <div class="label">house-door-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-house-door"></i>
+      <div class="label">house-door</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-house-fill"></i>
+      <div class="label">house-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-house"></i>
+      <div class="label">house</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-hr"></i>
+      <div class="label">hr</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-image-alt"></i>
+      <div class="label">image-alt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-image-fill"></i>
+      <div class="label">image-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-image"></i>
+      <div class="label">image</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-images"></i>
+      <div class="label">images</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-inbox-fill"></i>
+      <div class="label">inbox-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-inbox"></i>
+      <div class="label">inbox</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-inboxes-fill"></i>
+      <div class="label">inboxes-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-inboxes"></i>
+      <div class="label">inboxes</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-info-circle-fill"></i>
+      <div class="label">info-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-info-circle"></i>
+      <div class="label">info-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-info-square-fill"></i>
+      <div class="label">info-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-info-square"></i>
+      <div class="label">info-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-info"></i>
+      <div class="label">info</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-input-cursor-text"></i>
+      <div class="label">input-cursor-text</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-input-cursor"></i>
+      <div class="label">input-cursor</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-instagram"></i>
+      <div class="label">instagram</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-intersect"></i>
+      <div class="label">intersect</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-album"></i>
+      <div class="label">journal-album</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-arrow-down"></i>
+      <div class="label">journal-arrow-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-arrow-up"></i>
+      <div class="label">journal-arrow-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-bookmark-fill"></i>
+      <div class="label">journal-bookmark-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-bookmark"></i>
+      <div class="label">journal-bookmark</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-check"></i>
+      <div class="label">journal-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-code"></i>
+      <div class="label">journal-code</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-medical"></i>
+      <div class="label">journal-medical</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-minus"></i>
+      <div class="label">journal-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-plus"></i>
+      <div class="label">journal-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-richtext"></i>
+      <div class="label">journal-richtext</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-text"></i>
+      <div class="label">journal-text</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal-x"></i>
+      <div class="label">journal-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journal"></i>
+      <div class="label">journal</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-journals"></i>
+      <div class="label">journals</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-joystick"></i>
+      <div class="label">joystick</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-justify-left"></i>
+      <div class="label">justify-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-justify-right"></i>
+      <div class="label">justify-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-justify"></i>
+      <div class="label">justify</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-kanban-fill"></i>
+      <div class="label">kanban-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-kanban"></i>
+      <div class="label">kanban</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-key-fill"></i>
+      <div class="label">key-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-key"></i>
+      <div class="label">key</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-keyboard-fill"></i>
+      <div class="label">keyboard-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-keyboard"></i>
+      <div class="label">keyboard</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ladder"></i>
+      <div class="label">ladder</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-lamp-fill"></i>
+      <div class="label">lamp-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-lamp"></i>
+      <div class="label">lamp</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-laptop-fill"></i>
+      <div class="label">laptop-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-laptop"></i>
+      <div class="label">laptop</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layers-fill"></i>
+      <div class="label">layers-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layers-half"></i>
+      <div class="label">layers-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layers"></i>
+      <div class="label">layers</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layout-sidebar-inset-reverse"></i>
+      <div class="label">layout-sidebar-inset-reverse</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layout-sidebar-inset"></i>
+      <div class="label">layout-sidebar-inset</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layout-sidebar-reverse"></i>
+      <div class="label">layout-sidebar-reverse</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layout-sidebar"></i>
+      <div class="label">layout-sidebar</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layout-split"></i>
+      <div class="label">layout-split</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layout-text-sidebar-reverse"></i>
+      <div class="label">layout-text-sidebar-reverse</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layout-text-sidebar"></i>
+      <div class="label">layout-text-sidebar</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layout-text-window-reverse"></i>
+      <div class="label">layout-text-window-reverse</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layout-text-window"></i>
+      <div class="label">layout-text-window</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layout-three-columns"></i>
+      <div class="label">layout-three-columns</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-layout-wtf"></i>
+      <div class="label">layout-wtf</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-life-preserver"></i>
+      <div class="label">life-preserver</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-lightning-fill"></i>
+      <div class="label">lightning-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-lightning"></i>
+      <div class="label">lightning</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-link-45deg"></i>
+      <div class="label">link-45deg</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-link"></i>
+      <div class="label">link</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-linkedin"></i>
+      <div class="label">linkedin</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-list-check"></i>
+      <div class="label">list-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-list-nested"></i>
+      <div class="label">list-nested</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-list-ol"></i>
+      <div class="label">list-ol</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-list-stars"></i>
+      <div class="label">list-stars</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-list-task"></i>
+      <div class="label">list-task</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-list-ul"></i>
+      <div class="label">list-ul</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-list"></i>
+      <div class="label">list</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-lock-fill"></i>
+      <div class="label">lock-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-lock"></i>
+      <div class="label">lock</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mailbox"></i>
+      <div class="label">mailbox</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mailbox2"></i>
+      <div class="label">mailbox2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-map-fill"></i>
+      <div class="label">map-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-map"></i>
+      <div class="label">map</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-markdown-fill"></i>
+      <div class="label">markdown-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-markdown"></i>
+      <div class="label">markdown</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-menu-app-fill"></i>
+      <div class="label">menu-app-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-menu-app"></i>
+      <div class="label">menu-app</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-menu-button-fill"></i>
+      <div class="label">menu-button-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-menu-button-wide-fill"></i>
+      <div class="label">menu-button-wide-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-menu-button-wide"></i>
+      <div class="label">menu-button-wide</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-menu-button"></i>
+      <div class="label">menu-button</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-menu-down"></i>
+      <div class="label">menu-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-menu-up"></i>
+      <div class="label">menu-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mic-fill"></i>
+      <div class="label">mic-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mic-mute-fill"></i>
+      <div class="label">mic-mute-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mic-mute"></i>
+      <div class="label">mic-mute</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mic"></i>
+      <div class="label">mic</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-minecart-loaded"></i>
+      <div class="label">minecart-loaded</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-minecart"></i>
+      <div class="label">minecart</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-moon"></i>
+      <div class="label">moon</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mouse"></i>
+      <div class="label">mouse</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mouse2"></i>
+      <div class="label">mouse2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-mouse3"></i>
+      <div class="label">mouse3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-music-note-beamed"></i>
+      <div class="label">music-note-beamed</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-music-note-list"></i>
+      <div class="label">music-note-list</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-music-note"></i>
+      <div class="label">music-note</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-music-player-fill"></i>
+      <div class="label">music-player-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-music-player"></i>
+      <div class="label">music-player</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-newspaper"></i>
+      <div class="label">newspaper</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-node-minus-fill"></i>
+      <div class="label">node-minus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-node-minus"></i>
+      <div class="label">node-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-node-plus-fill"></i>
+      <div class="label">node-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-node-plus"></i>
+      <div class="label">node-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-nut-fill"></i>
+      <div class="label">nut-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-nut"></i>
+      <div class="label">nut</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-octagon-fill"></i>
+      <div class="label">octagon-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-octagon-half"></i>
+      <div class="label">octagon-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-octagon"></i>
+      <div class="label">octagon</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-option"></i>
+      <div class="label">option</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-outlet"></i>
+      <div class="label">outlet</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-paperclip"></i>
+      <div class="label">paperclip</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-paragraph"></i>
+      <div class="label">paragraph</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-patch-check-fll"></i>
+      <div class="label">patch-check-fll</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-patch-check"></i>
+      <div class="label">patch-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-patch-exclamation-fll"></i>
+      <div class="label">patch-exclamation-fll</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-patch-exclamation"></i>
+      <div class="label">patch-exclamation</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-patch-minus-fll"></i>
+      <div class="label">patch-minus-fll</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-patch-minus"></i>
+      <div class="label">patch-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-patch-plus-fll"></i>
+      <div class="label">patch-plus-fll</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-patch-plus"></i>
+      <div class="label">patch-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-patch-question-fll"></i>
+      <div class="label">patch-question-fll</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-patch-question"></i>
+      <div class="label">patch-question</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pause-btn-fill"></i>
+      <div class="label">pause-btn-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pause-btn"></i>
+      <div class="label">pause-btn</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pause-circle-fill"></i>
+      <div class="label">pause-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pause-circle"></i>
+      <div class="label">pause-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pause-fill"></i>
+      <div class="label">pause-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pause"></i>
+      <div class="label">pause</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-peace-fill"></i>
+      <div class="label">peace-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-peace"></i>
+      <div class="label">peace</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pen-fill"></i>
+      <div class="label">pen-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pen"></i>
+      <div class="label">pen</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pencil-fill"></i>
+      <div class="label">pencil-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pencil-square"></i>
+      <div class="label">pencil-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pencil"></i>
+      <div class="label">pencil</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pentagon-fill"></i>
+      <div class="label">pentagon-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pentagon-half"></i>
+      <div class="label">pentagon-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pentagon"></i>
+      <div class="label">pentagon</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-people-fill"></i>
+      <div class="label">people-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-people"></i>
+      <div class="label">people</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-percent"></i>
+      <div class="label">percent</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-badge-fill"></i>
+      <div class="label">person-badge-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-badge"></i>
+      <div class="label">person-badge</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-bounding-box"></i>
+      <div class="label">person-bounding-box</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-check-fill"></i>
+      <div class="label">person-check-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-check"></i>
+      <div class="label">person-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-circle"></i>
+      <div class="label">person-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-dash-fill"></i>
+      <div class="label">person-dash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-dash"></i>
+      <div class="label">person-dash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-fill"></i>
+      <div class="label">person-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-lines-fill"></i>
+      <div class="label">person-lines-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-plus-fill"></i>
+      <div class="label">person-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-plus"></i>
+      <div class="label">person-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-square"></i>
+      <div class="label">person-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-x-fill"></i>
+      <div class="label">person-x-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person-x"></i>
+      <div class="label">person-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-person"></i>
+      <div class="label">person</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-phone-fill"></i>
+      <div class="label">phone-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-phone-landscape-fill"></i>
+      <div class="label">phone-landscape-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-phone-landscape"></i>
+      <div class="label">phone-landscape</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-phone-vibrate"></i>
+      <div class="label">phone-vibrate</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-phone"></i>
+      <div class="label">phone</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pie-chart-fill"></i>
+      <div class="label">pie-chart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pie-chart"></i>
+      <div class="label">pie-chart</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pip-fill"></i>
+      <div class="label">pip-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-pip"></i>
+      <div class="label">pip</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-play-btn-fill"></i>
+      <div class="label">play-btn-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-play-btn"></i>
+      <div class="label">play-btn</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-play-circle-fill"></i>
+      <div class="label">play-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-play-circle"></i>
+      <div class="label">play-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-play-fill"></i>
+      <div class="label">play-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-play"></i>
+      <div class="label">play</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-plug-fill"></i>
+      <div class="label">plug-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-plug"></i>
+      <div class="label">plug</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-plus-circle-fill"></i>
+      <div class="label">plus-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-plus-circle"></i>
+      <div class="label">plus-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-plus-square-fill"></i>
+      <div class="label">plus-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-plus-square"></i>
+      <div class="label">plus-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-plus"></i>
+      <div class="label">plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-power"></i>
+      <div class="label">power</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-printer-fill"></i>
+      <div class="label">printer-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-printer"></i>
+      <div class="label">printer</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-puzzle-fill"></i>
+      <div class="label">puzzle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-puzzle"></i>
+      <div class="label">puzzle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-question-circle-fill"></i>
+      <div class="label">question-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-question-circle"></i>
+      <div class="label">question-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-question-diamond-fill"></i>
+      <div class="label">question-diamond-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-question-diamond"></i>
+      <div class="label">question-diamond</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-question-octagon-fill"></i>
+      <div class="label">question-octagon-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-question-octagon"></i>
+      <div class="label">question-octagon</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-question-square-fill"></i>
+      <div class="label">question-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-question-square"></i>
+      <div class="label">question-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-question"></i>
+      <div class="label">question</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-receipt-cutoff"></i>
+      <div class="label">receipt-cutoff</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-receipt"></i>
+      <div class="label">receipt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-reception-0"></i>
+      <div class="label">reception-0</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-reception-1"></i>
+      <div class="label">reception-1</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-reception-2"></i>
+      <div class="label">reception-2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-reception-3"></i>
+      <div class="label">reception-3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-reception-4"></i>
+      <div class="label">reception-4</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-record-btn-fill"></i>
+      <div class="label">record-btn-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-record-btn"></i>
+      <div class="label">record-btn</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-record-circle-fill"></i>
+      <div class="label">record-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-record-circle"></i>
+      <div class="label">record-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-record-fill"></i>
+      <div class="label">record-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-record"></i>
+      <div class="label">record</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-record2-fill"></i>
+      <div class="label">record2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-record2"></i>
+      <div class="label">record2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-reply-all-fill"></i>
+      <div class="label">reply-all-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-reply-all"></i>
+      <div class="label">reply-all</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-reply-fill"></i>
+      <div class="label">reply-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-reply"></i>
+      <div class="label">reply</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-rss-fill"></i>
+      <div class="label">rss-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-rss"></i>
+      <div class="label">rss</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-scissors"></i>
+      <div class="label">scissors</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-screwdriver"></i>
+      <div class="label">screwdriver</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-search"></i>
+      <div class="label">search</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-segmented-nav"></i>
+      <div class="label">segmented-nav</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-server"></i>
+      <div class="label">server</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-share-fill"></i>
+      <div class="label">share-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-share"></i>
+      <div class="label">share</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-check"></i>
+      <div class="label">shield-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-exclamation"></i>
+      <div class="label">shield-exclamation</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-fill-check"></i>
+      <div class="label">shield-fill-check</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-fill-exclamation"></i>
+      <div class="label">shield-fill-exclamation</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-fill-minus"></i>
+      <div class="label">shield-fill-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-fill-plus"></i>
+      <div class="label">shield-fill-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-fill-x"></i>
+      <div class="label">shield-fill-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-fill"></i>
+      <div class="label">shield-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-lock-fill"></i>
+      <div class="label">shield-lock-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-lock"></i>
+      <div class="label">shield-lock</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-minus"></i>
+      <div class="label">shield-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-plus"></i>
+      <div class="label">shield-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-shaded"></i>
+      <div class="label">shield-shaded</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-slash-fill"></i>
+      <div class="label">shield-slash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-slash"></i>
+      <div class="label">shield-slash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield-x"></i>
+      <div class="label">shield-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shield"></i>
+      <div class="label">shield</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shift-fill"></i>
+      <div class="label">shift-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shift"></i>
+      <div class="label">shift</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shop-window"></i>
+      <div class="label">shop-window</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shop"></i>
+      <div class="label">shop</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-shuffle"></i>
+      <div class="label">shuffle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-signpost-2-fill"></i>
+      <div class="label">signpost-2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-signpost-2"></i>
+      <div class="label">signpost-2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-signpost-fill"></i>
+      <div class="label">signpost-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-signpost-split-fill"></i>
+      <div class="label">signpost-split-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-signpost-split"></i>
+      <div class="label">signpost-split</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-signpost"></i>
+      <div class="label">signpost</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sim-fill"></i>
+      <div class="label">sim-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sim"></i>
+      <div class="label">sim</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-backward-btn-fill"></i>
+      <div class="label">skip-backward-btn-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-backward-btn"></i>
+      <div class="label">skip-backward-btn</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-backward-circle-fill"></i>
+      <div class="label">skip-backward-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-backward-circle"></i>
+      <div class="label">skip-backward-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-backward-fill"></i>
+      <div class="label">skip-backward-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-backward"></i>
+      <div class="label">skip-backward</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-end-btn-fill"></i>
+      <div class="label">skip-end-btn-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-end-btn"></i>
+      <div class="label">skip-end-btn</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-end-circle-fill"></i>
+      <div class="label">skip-end-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-end-circle"></i>
+      <div class="label">skip-end-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-end-fill"></i>
+      <div class="label">skip-end-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-end"></i>
+      <div class="label">skip-end</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-forward-btn-fill"></i>
+      <div class="label">skip-forward-btn-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-forward-btn"></i>
+      <div class="label">skip-forward-btn</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-forward-circle-fill"></i>
+      <div class="label">skip-forward-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-forward-circle"></i>
+      <div class="label">skip-forward-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-forward-fill"></i>
+      <div class="label">skip-forward-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-forward"></i>
+      <div class="label">skip-forward</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-start-btn-fill"></i>
+      <div class="label">skip-start-btn-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-start-btn"></i>
+      <div class="label">skip-start-btn</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-start-circle-fill"></i>
+      <div class="label">skip-start-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-start-circle"></i>
+      <div class="label">skip-start-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-start-fill"></i>
+      <div class="label">skip-start-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-skip-start"></i>
+      <div class="label">skip-start</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-slack"></i>
+      <div class="label">slack</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-slash-circle-fill"></i>
+      <div class="label">slash-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-slash-circle"></i>
+      <div class="label">slash-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-slash-square-fill"></i>
+      <div class="label">slash-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-slash-square"></i>
+      <div class="label">slash-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-slash"></i>
+      <div class="label">slash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sliders"></i>
+      <div class="label">sliders</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-smartwatch"></i>
+      <div class="label">smartwatch</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sort-alpha-down-alt"></i>
+      <div class="label">sort-alpha-down-alt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sort-alpha-down"></i>
+      <div class="label">sort-alpha-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sort-alpha-up-alt"></i>
+      <div class="label">sort-alpha-up-alt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sort-alpha-up"></i>
+      <div class="label">sort-alpha-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sort-down-alt"></i>
+      <div class="label">sort-down-alt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sort-down"></i>
+      <div class="label">sort-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sort-numeric-down-alt"></i>
+      <div class="label">sort-numeric-down-alt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sort-numeric-down"></i>
+      <div class="label">sort-numeric-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sort-numeric-up-alt"></i>
+      <div class="label">sort-numeric-up-alt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sort-numeric-up"></i>
+      <div class="label">sort-numeric-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sort-up-alt"></i>
+      <div class="label">sort-up-alt</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sort-up"></i>
+      <div class="label">sort-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-soundwave"></i>
+      <div class="label">soundwave</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-speaker-fill"></i>
+      <div class="label">speaker-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-speaker"></i>
+      <div class="label">speaker</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-spellcheck"></i>
+      <div class="label">spellcheck</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-square-fill"></i>
+      <div class="label">square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-square-half"></i>
+      <div class="label">square-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-square"></i>
+      <div class="label">square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-star-fill"></i>
+      <div class="label">star-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-star-half"></i>
+      <div class="label">star-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-star"></i>
+      <div class="label">star</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stickies-fill"></i>
+      <div class="label">stickies-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stickies"></i>
+      <div class="label">stickies</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sticky-fill"></i>
+      <div class="label">sticky-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sticky"></i>
+      <div class="label">sticky</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stop-btn-fill"></i>
+      <div class="label">stop-btn-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stop-btn"></i>
+      <div class="label">stop-btn</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stop-circle-fill"></i>
+      <div class="label">stop-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stop-circle"></i>
+      <div class="label">stop-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stop-fill"></i>
+      <div class="label">stop-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stop"></i>
+      <div class="label">stop</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stoplights-fill"></i>
+      <div class="label">stoplights-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stoplights"></i>
+      <div class="label">stoplights</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stopwatch-fill"></i>
+      <div class="label">stopwatch-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-stopwatch"></i>
+      <div class="label">stopwatch</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-subtract"></i>
+      <div class="label">subtract</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-suit-club-fill"></i>
+      <div class="label">suit-club-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-suit-club"></i>
+      <div class="label">suit-club</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-suit-diamond-fill"></i>
+      <div class="label">suit-diamond-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-suit-diamond"></i>
+      <div class="label">suit-diamond</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-suit-heart-fill"></i>
+      <div class="label">suit-heart-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-suit-heart"></i>
+      <div class="label">suit-heart</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-suit-spade-fill"></i>
+      <div class="label">suit-spade-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-suit-spade"></i>
+      <div class="label">suit-spade</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sun"></i>
+      <div class="label">sun</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-sunglasses"></i>
+      <div class="label">sunglasses</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-table"></i>
+      <div class="label">table</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tablet-fill"></i>
+      <div class="label">tablet-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tablet-landscape-fill"></i>
+      <div class="label">tablet-landscape-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tablet-landscape"></i>
+      <div class="label">tablet-landscape</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tablet"></i>
+      <div class="label">tablet</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tag-fill"></i>
+      <div class="label">tag-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tag"></i>
+      <div class="label">tag</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tags-fill"></i>
+      <div class="label">tags-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tags"></i>
+      <div class="label">tags</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-fill"></i>
+      <div class="label">telephone-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-forward-fill"></i>
+      <div class="label">telephone-forward-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-forward"></i>
+      <div class="label">telephone-forward</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-inbound-fill"></i>
+      <div class="label">telephone-inbound-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-inbound"></i>
+      <div class="label">telephone-inbound</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-minus-fill"></i>
+      <div class="label">telephone-minus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-minus"></i>
+      <div class="label">telephone-minus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-outbound-fill"></i>
+      <div class="label">telephone-outbound-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-outbound"></i>
+      <div class="label">telephone-outbound</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-plus-fill"></i>
+      <div class="label">telephone-plus-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-plus"></i>
+      <div class="label">telephone-plus</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-x-fill"></i>
+      <div class="label">telephone-x-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone-x"></i>
+      <div class="label">telephone-x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-telephone"></i>
+      <div class="label">telephone</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-terminal-fill"></i>
+      <div class="label">terminal-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-terminal"></i>
+      <div class="label">terminal</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-text-center"></i>
+      <div class="label">text-center</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-text-indent-left"></i>
+      <div class="label">text-indent-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-text-indent-right"></i>
+      <div class="label">text-indent-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-text-left"></i>
+      <div class="label">text-left</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-text-paragraph"></i>
+      <div class="label">text-paragraph</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-text-right"></i>
+      <div class="label">text-right</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-textarea-resize"></i>
+      <div class="label">textarea-resize</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-textarea-t"></i>
+      <div class="label">textarea-t</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-textarea"></i>
+      <div class="label">textarea</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-thermometer-half"></i>
+      <div class="label">thermometer-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-thermometer"></i>
+      <div class="label">thermometer</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-three-dots-vertical"></i>
+      <div class="label">three-dots-vertical</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-three-dots"></i>
+      <div class="label">three-dots</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-toggle-off"></i>
+      <div class="label">toggle-off</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-toggle-on"></i>
+      <div class="label">toggle-on</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-toggle2-off"></i>
+      <div class="label">toggle2-off</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-toggle2-on"></i>
+      <div class="label">toggle2-on</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-toggles"></i>
+      <div class="label">toggles</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-toggles2"></i>
+      <div class="label">toggles2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tools"></i>
+      <div class="label">tools</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-trash-fill"></i>
+      <div class="label">trash-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-trash"></i>
+      <div class="label">trash</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-trash2-fill"></i>
+      <div class="label">trash2-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-trash2"></i>
+      <div class="label">trash2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tree-fill"></i>
+      <div class="label">tree-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tree"></i>
+      <div class="label">tree</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-triangle-fill"></i>
+      <div class="label">triangle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-triangle-half"></i>
+      <div class="label">triangle-half</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-triangle"></i>
+      <div class="label">triangle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-trophy-fill"></i>
+      <div class="label">trophy-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-trophy"></i>
+      <div class="label">trophy</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-truck-flatbed"></i>
+      <div class="label">truck-flatbed</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-truck"></i>
+      <div class="label">truck</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tv-fill"></i>
+      <div class="label">tv-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-tv"></i>
+      <div class="label">tv</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-twitch"></i>
+      <div class="label">twitch</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-twitter"></i>
+      <div class="label">twitter</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-type-bold"></i>
+      <div class="label">type-bold</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-type-h1"></i>
+      <div class="label">type-h1</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-type-h2"></i>
+      <div class="label">type-h2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-type-h3"></i>
+      <div class="label">type-h3</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-type-italic"></i>
+      <div class="label">type-italic</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-type-strikethrough"></i>
+      <div class="label">type-strikethrough</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-type-underline"></i>
+      <div class="label">type-underline</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-type"></i>
+      <div class="label">type</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ui-checks-grid"></i>
+      <div class="label">ui-checks-grid</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ui-checks"></i>
+      <div class="label">ui-checks</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ui-radios-grid"></i>
+      <div class="label">ui-radios-grid</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-ui-radios"></i>
+      <div class="label">ui-radios</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-union"></i>
+      <div class="label">union</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-unlock-fill"></i>
+      <div class="label">unlock-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-unlock"></i>
+      <div class="label">unlock</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-upc-scan"></i>
+      <div class="label">upc-scan</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-upc"></i>
+      <div class="label">upc</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-upload"></i>
+      <div class="label">upload</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-vector-pen"></i>
+      <div class="label">vector-pen</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-view-list"></i>
+      <div class="label">view-list</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-view-stacked"></i>
+      <div class="label">view-stacked</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-vinyl-fill"></i>
+      <div class="label">vinyl-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-vinyl"></i>
+      <div class="label">vinyl</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-voicemail"></i>
+      <div class="label">voicemail</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-volume-down-fill"></i>
+      <div class="label">volume-down-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-volume-down"></i>
+      <div class="label">volume-down</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-volume-mute-fill"></i>
+      <div class="label">volume-mute-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-volume-mute"></i>
+      <div class="label">volume-mute</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-volume-off-fill"></i>
+      <div class="label">volume-off-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-volume-off"></i>
+      <div class="label">volume-off</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-volume-up-fill"></i>
+      <div class="label">volume-up-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-volume-up"></i>
+      <div class="label">volume-up</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-vr"></i>
+      <div class="label">vr</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-wallet-fill"></i>
+      <div class="label">wallet-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-wallet"></i>
+      <div class="label">wallet</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-wallet2"></i>
+      <div class="label">wallet2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-watch"></i>
+      <div class="label">watch</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-wifi-1"></i>
+      <div class="label">wifi-1</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-wifi-2"></i>
+      <div class="label">wifi-2</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-wifi-off"></i>
+      <div class="label">wifi-off</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-wifi"></i>
+      <div class="label">wifi</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-window"></i>
+      <div class="label">window</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-wrench"></i>
+      <div class="label">wrench</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-x-circle-fill"></i>
+      <div class="label">x-circle-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-x-circle"></i>
+      <div class="label">x-circle</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-x-diamond-fill"></i>
+      <div class="label">x-diamond-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-x-diamond"></i>
+      <div class="label">x-diamond</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-x-octagon-fill"></i>
+      <div class="label">x-octagon-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-x-octagon"></i>
+      <div class="label">x-octagon</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-x-square-fill"></i>
+      <div class="label">x-square-fill</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-x-square"></i>
+      <div class="label">x-square</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-x"></i>
+      <div class="label">x</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-zoom-in"></i>
+      <div class="label">zoom-in</div>
+    </div>
+    <div class="icon">
+      <i class="bi bi-zoom-out"></i>
+      <div class="label">zoom-out</div>
+    </div>
+  </div>
+
+</body>
+</html>