/* ==========================================================================
Bootstrap Icons SVG Replacement
Replaces Bootstrap Icons font-based system with inline SVG data URIs
using CSS mask-image for currentColor support.
83 icons | ~15 KB total (vs 247 KB for font-based Bootstrap Icons)
Sources: Lucide Icons + Feather Icons
========================================================================== */
/* --------------------------------------------------------------------------
Base Styles (The "Engine")
-------------------------------------------------------------------------- */
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
display: inline-block;
width: 1em;
height: 1em;
content: "";
vertical-align: -.125em;
background-color: currentColor;
-webkit-mask: var(--bi) center/contain no-repeat;
mask: var(--bi) center/contain no-repeat;
/* Default scale to 1 if --s isn't defined */
transform: scale(var(--s, 1));
transform-origin: center;
}
/* --------------------------------------------------------------------------
Navigation & Arrows
-------------------------------------------------------------------------- */
.bi-arrow-clockwise::before {
--bi: url("data:image/svg+xml,");
}
.bi-arrow-down-up::before {
--bi: url("data:image/svg+xml,");
}
.bi-arrow-left::before {
--bi: url("data:image/svg+xml,");
}
.bi-arrow-repeat::before {
--bi: url("data:image/svg+xml,");
}
.bi-chevron-down::before {
--bi: url("data:image/svg+xml,");
}
.bi-chevron-left::before {
--bi: url("data:image/svg+xml,");
}
.bi-chevron-right::before {
--bi: url("data:image/svg+xml,");
}
/* --------------------------------------------------------------------------
Auth & Access
-------------------------------------------------------------------------- */
.bi-box-arrow-in-right::before {
--bi: url("data:image/svg+xml,");
}
.bi-box-arrow-right::before {
--bi: url("data:image/svg+xml,");
}
.bi-box-arrow-up-right::before {
--bi: url("data:image/svg+xml,");
}
.bi-key::before {
--bi: url("data:image/svg+xml,");
}
.bi-key-fill::before {
--bi: url("data:image/svg+xml,");
}
.bi-shield-check::before {
--bi: url("data:image/svg+xml,");
}
.bi-shield-fill-check::before {
--bi: url("data:image/svg+xml,");
}
.bi-shield-lock::before {
--bi: url("data:image/svg+xml,");
}
/* --------------------------------------------------------------------------
Buildings & Places
-------------------------------------------------------------------------- */
.bi-building::before {
--bi: url("data:image/svg+xml,");
}
.bi-buildings::before {
--bi: url("data:image/svg+xml,");
}
.bi-house::before {
--bi: url("data:image/svg+xml,");
}
.bi-house-door::before {
--bi: url("data:image/svg+xml,");
}
.bi-signpost-2::before {
--bi: url("data:image/svg+xml,");
}
/* --------------------------------------------------------------------------
Calendar & Time
-------------------------------------------------------------------------- */
.bi-calendar-event::before {
--bi: url("data:image/svg+xml,");
}
.bi-calendar-week::before {
--bi: url("data:image/svg+xml,");
}
.bi-clock-history::before {
--bi: url("data:image/svg+xml,");
}
.bi-hourglass-split::before {
--bi: url("data:image/svg+xml,");
}
/* --------------------------------------------------------------------------
Communication
-------------------------------------------------------------------------- */
.bi-chat-dots::before {
--bi: url("data:image/svg+xml,");
}
.bi-chat-left-text::before {
--bi: url("data:image/svg+xml,");
}
.bi-envelope::before {
--bi: url("data:image/svg+xml,");
}
/* --------------------------------------------------------------------------
Status & Alerts
-------------------------------------------------------------------------- */
.bi-check-circle-fill::before {
--bi: url("data:image/svg+xml,");
}
.bi-check-lg::before {
--bi: url("data:image/svg+xml,");
}
.bi-exclamation-circle::before {
--bi: url("data:image/svg+xml,");
}
.bi-exclamation-circle-fill::before {
--bi: url("data:image/svg+xml,");
}
.bi-exclamation-triangle::before {
--bi: url("data:image/svg+xml,");
}
.bi-info-circle::before {
--bi: url("data:image/svg+xml,");
}
.bi-info-circle-fill::before {
--bi: url("data:image/svg+xml,");
}
/* --------------------------------------------------------------------------
View & Search
-------------------------------------------------------------------------- */
.bi-eye::before {
--bi: url("data:image/svg+xml,");
}
.bi-eye-slash::before {
--bi: url("data:image/svg+xml,");
}
.bi-search::before {
--bi: url("data:image/svg+xml,");
}
.bi-zoom-in::before {
--bi: url("data:image/svg+xml,");
}
.bi-zoom-out::before {
--bi: url("data:image/svg+xml,");
}
/* --------------------------------------------------------------------------
Files & Documents
-------------------------------------------------------------------------- */
.bi-cloud-arrow-up::before {
--bi: url("data:image/svg+xml,");
}
.bi-file-earmark-music::before {
--bi: url("data:image/svg+xml,");
}
.bi-floppy-fill::before {
--bi: url("data:image/svg+xml,");
}
.bi-journal-text::before {
--bi: url("data:image/svg+xml,");
}
.bi-save::before {
--bi: url("data:image/svg+xml,");
}
/* --------------------------------------------------------------------------
Settings & Tools
-------------------------------------------------------------------------- */
.bi-gear::before {
--bi: url("data:image/svg+xml,");
}
.bi-gear-fill::before {
--bi: url("data:image/svg+xml,");
}
.bi-pencil::before {
--bi: url("data:image/svg+xml,");
}
.bi-pencil-square::before {
--bi: url("data:image/svg+xml,");
}
.bi-scissors::before {
--bi: url("data:image/svg+xml,");
}
.bi-sliders::before {
--bi: url("data:image/svg+xml,");
}
.bi-trash::before {
--bi: url("data:image/svg+xml,");
}
.bi-trash-fill::before {
--bi: url("data:image/svg+xml,");
}
.bi-trash3::before {
--bi: url("data:image/svg+xml,");
}
/* --------------------------------------------------------------------------
Data & Grids
-------------------------------------------------------------------------- */
.bi-graph-up::before {
--bi: url("data:image/svg+xml,");
}
.bi-hash::before {
--bi: url("data:image/svg+xml,");
}
.bi-list-ul::before {
--bi: url("data:image/svg+xml,");
}
.bi-ui-checks-grid::before {
--bi: url("data:image/svg+xml,");
}
.bi-ui-radios-grid::before {
--bi: url("data:image/svg+xml,");
}
.bi-qr-code-scan::before {
--bi: url("data:image/svg+xml,");
}
/* --------------------------------------------------------------------------
People & Users
-------------------------------------------------------------------------- */
.bi-people::before {
--bi: url("data:image/svg+xml,");
}
.bi-people-fill::before {
--bi: url("data:image/svg+xml,");
}
.bi-person::before {
--bi: url("data:image/svg+xml,");
}
.bi-person-circle::before {
--bi: url("data:image/svg+xml,");
}
.bi-person-lines-fill::before {
--bi: url("data:image/svg+xml,");
}
.bi-person-plus::before {
--bi: url("data:image/svg+xml,");
}
.bi-person-x::before {
--bi: url("data:image/svg+xml,");
}
/* --------------------------------------------------------------------------
Phone & Telecom
-------------------------------------------------------------------------- */
.bi-phone::before {
--bi: url("data:image/svg+xml,");
}
.bi-telephone::before {
--bi: url("data:image/svg+xml,");
}
.bi-telephone-fill::before {
--bi: url("data:image/svg+xml,");
}
.bi-telephone-forward::before {
--bi: url("data:image/svg+xml,");
}
.bi-telephone-outbound::before {
--bi: url("data:image/svg+xml,");
}
.bi-headphones::before {
--bi: url("data:image/svg+xml,");
}
.bi-voicemail::before {
--bi: url("data:image/svg+xml,");
}
/* --------------------------------------------------------------------------
Media & Audio
-------------------------------------------------------------------------- */
.bi-mic::before {
--bi: url("data:image/svg+xml,");
}
.bi-music-note-beamed::before {
--bi: url("data:image/svg+xml,");
}
.bi-soundwave::before {
--bi: url("data:image/svg+xml,");
}
.bi-volume-up-fill::before {
--bi: url("data:image/svg+xml,");
}
/* --------------------------------------------------------------------------
Playback Controls
-------------------------------------------------------------------------- */
.bi-play::before {
--bi: url("data:image/svg+xml,");
}
.bi-pause-circle::before {
--bi: url("data:image/svg+xml,");
}
.bi-pause-fill::before {
--bi: url("data:image/svg+xml,");
}
.bi-play-circle::before {
--bi: url("data:image/svg+xml,");
}
.bi-play-fill::before {
--bi: url("data:image/svg+xml,");
}
.bi-stop-fill::before {
--bi: url("data:image/svg+xml,");
}
/* --------------------------------------------------------------------------
Actions
-------------------------------------------------------------------------- */
.bi-plus-circle::before {
--bi: url("data:image/svg+xml,");
}
.bi-plus-lg::before {
--bi: url("data:image/svg+xml,");
}
.bi-x-lg::before {
--bi: url("data:image/svg+xml,");
}
/* --------------------------------------------------------------------------
Miscellaneous
-------------------------------------------------------------------------- */
.bi-lightning-charge-fill::before {
--bi: url("data:image/svg+xml,");
}
.bi-puzzle-fill::before {
--bi: url("data:image/svg+xml,");
}
.bi-dictation::before {
--bi: url("/css/svgs/thenounproject/dictation.svg");
--s: 1.2;
}
.bi-transcribe::before {
--bi: url("/css/svgs/thenounproject/transcribe.svg");
--s: 2;
}
.bi-display::before {
--bi: url("data:image/svg+xml,");
}
.bi-truck::before {
--bi: url("data:image/svg+xml,");
}
/* --------------------------------------------------------------------------
Aliases
-------------------------------------------------------------------------- */
.bi-pau::before {
--bi: url("data:image/svg+xml,");
}