Skip to content

Elements:Icons: Bootstrap

Bootstrap Icons

Version: v1.0.0-alpha4
Total icons: 315

Usage: <img src="/assets/plugins/bootstrap-icons/icons/ICON-NAME.svg" alt="" width="32" height="32" title="Bootstrap">

More usage options coming in future releases.


  • <img src="/assets/plugins/bootstrap-icons/icons/alarm-fill.svg" alt="" width="32" height="32" title="alarm-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/alarm.svg" alt="" width="32" height="32" title="alarm">

  • <img src="/assets/plugins/bootstrap-icons/icons/alert-circle-fill.svg" alt="" width="32" height="32" title="alert-circle-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/alert-circle.svg" alt="" width="32" height="32" title="alert-circle">

  • <img src="/assets/plugins/bootstrap-icons/icons/alert-octagon-fill.svg" alt="" width="32" height="32" title="alert-octagon-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/alert-octagon.svg" alt="" width="32" height="32" title="alert-octagon">

  • <img src="/assets/plugins/bootstrap-icons/icons/alert-square-fill.svg" alt="" width="32" height="32" title="alert-square-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/alert-square.svg" alt="" width="32" height="32" title="alert-square">

  • <img src="/assets/plugins/bootstrap-icons/icons/alert-triangle-fill.svg" alt="" width="32" height="32" title="alert-triangle-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/alert-triangle.svg" alt="" width="32" height="32" title="alert-triangle">

  • <img src="/assets/plugins/bootstrap-icons/icons/archive-fill.svg" alt="" width="32" height="32" title="archive-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/archive.svg" alt="" width="32" height="32" title="archive">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrow-bar-bottom.svg" alt="" width="32" height="32" title="arrow-bar-bottom">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrow-bar-left.svg" alt="" width="32" height="32" title="arrow-bar-left">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrow-bar-right.svg" alt="" width="32" height="32" title="arrow-bar-right">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrow-bar-up.svg" alt="" width="32" height="32" title="arrow-bar-up">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrow-clockwise.svg" alt="" width="32" height="32" title="arrow-clockwise">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrow-counterclockwise.svg" alt="" width="32" height="32" title="arrow-counterclockwise">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrow-down-left.svg" alt="" width="32" height="32" title="arrow-down-left">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrow-down-right.svg" alt="" width="32" height="32" title="arrow-down-right">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrow-down-short.svg" alt="" width="32" height="32" title="arrow-down-short">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrow-down.svg" alt="" width="32" height="32" title="arrow-down">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrow-left-right.svg" alt="" width="32" height="32" title="arrow-left-right">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrow-left-short.svg" alt="" width="32" height="32" title="arrow-left-short">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrow-left.svg" alt="" width="32" height="32" title="arrow-left">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrow-repeat.svg" alt="" width="32" height="32" title="arrow-repeat">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrow-right-short.svg" alt="" width="32" height="32" title="arrow-right-short">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrow-right.svg" alt="" width="32" height="32" title="arrow-right">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrow-up-down.svg" alt="" width="32" height="32" title="arrow-up-down">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrow-up-left.svg" alt="" width="32" height="32" title="arrow-up-left">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrow-up-right.svg" alt="" width="32" height="32" title="arrow-up-right">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrow-up-short.svg" alt="" width="32" height="32" title="arrow-up-short">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrow-up.svg" alt="" width="32" height="32" title="arrow-up">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrows-angle-contract.svg" alt="" width="32" height="32" title="arrows-angle-contract">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrows-angle-expand.svg" alt="" width="32" height="32" title="arrows-angle-expand">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrows-collapse.svg" alt="" width="32" height="32" title="arrows-collapse">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrows-expand.svg" alt="" width="32" height="32" title="arrows-expand">

  • <img src="/assets/plugins/bootstrap-icons/icons/arrows-fullscreen.svg" alt="" width="32" height="32" title="arrows-fullscreen">

  • <img src="/assets/plugins/bootstrap-icons/icons/at.svg" alt="" width="32" height="32" title="at">

  • <img src="/assets/plugins/bootstrap-icons/icons/award.svg" alt="" width="32" height="32" title="award">

  • <img src="/assets/plugins/bootstrap-icons/icons/backspace-fill.svg" alt="" width="32" height="32" title="backspace-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/backspace-reverse-fill.svg" alt="" width="32" height="32" title="backspace-reverse-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/backspace-reverse.svg" alt="" width="32" height="32" title="backspace-reverse">

  • <img src="/assets/plugins/bootstrap-icons/icons/backspace.svg" alt="" width="32" height="32" title="backspace">

  • <img src="/assets/plugins/bootstrap-icons/icons/bar-chart-fill.svg" alt="" width="32" height="32" title="bar-chart-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/bar-chart.svg" alt="" width="32" height="32" title="bar-chart">

  • <img src="/assets/plugins/bootstrap-icons/icons/battery-charging.svg" alt="" width="32" height="32" title="battery-charging">

  • <img src="/assets/plugins/bootstrap-icons/icons/battery-full.svg" alt="" width="32" height="32" title="battery-full">

  • <img src="/assets/plugins/bootstrap-icons/icons/battery.svg" alt="" width="32" height="32" title="battery">

  • <img src="/assets/plugins/bootstrap-icons/icons/bell-fill.svg" alt="" width="32" height="32" title="bell-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/bell.svg" alt="" width="32" height="32" title="bell">

  • <img src="/assets/plugins/bootstrap-icons/icons/blockquote-left.svg" alt="" width="32" height="32" title="blockquote-left">

  • <img src="/assets/plugins/bootstrap-icons/icons/blockquote-right.svg" alt="" width="32" height="32" title="blockquote-right">

  • <img src="/assets/plugins/bootstrap-icons/icons/book-half.svg" alt="" width="32" height="32" title="book-half">

  • <img src="/assets/plugins/bootstrap-icons/icons/book.svg" alt="" width="32" height="32" title="book">

  • <img src="/assets/plugins/bootstrap-icons/icons/bookmark-fill.svg" alt="" width="32" height="32" title="bookmark-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/bookmark.svg" alt="" width="32" height="32" title="bookmark">

  • <img src="/assets/plugins/bootstrap-icons/icons/bootstrap-fill.svg" alt="" width="32" height="32" title="bootstrap-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/bootstrap-reboot.svg" alt="" width="32" height="32" title="bootstrap-reboot">

  • <img src="/assets/plugins/bootstrap-icons/icons/bootstrap.svg" alt="" width="32" height="32" title="bootstrap">

  • <img src="/assets/plugins/bootstrap-icons/icons/box-arrow-bottom-left.svg" alt="" width="32" height="32" title="box-arrow-bottom-left">

  • <img src="/assets/plugins/bootstrap-icons/icons/box-arrow-bottom-right.svg" alt="" width="32" height="32" title="box-arrow-bottom-right">

  • <img src="/assets/plugins/bootstrap-icons/icons/box-arrow-down.svg" alt="" width="32" height="32" title="box-arrow-down">

  • <img src="/assets/plugins/bootstrap-icons/icons/box-arrow-left.svg" alt="" width="32" height="32" title="box-arrow-left">

  • <img src="/assets/plugins/bootstrap-icons/icons/box-arrow-right.svg" alt="" width="32" height="32" title="box-arrow-right">

  • <img src="/assets/plugins/bootstrap-icons/icons/box-arrow-up-left.svg" alt="" width="32" height="32" title="box-arrow-up-left">

  • <img src="/assets/plugins/bootstrap-icons/icons/box-arrow-up-right.svg" alt="" width="32" height="32" title="box-arrow-up-right">

  • <img src="/assets/plugins/bootstrap-icons/icons/box-arrow-up.svg" alt="" width="32" height="32" title="box-arrow-up">

  • <img src="/assets/plugins/bootstrap-icons/icons/braces.svg" alt="" width="32" height="32" title="braces">

  • <img src="/assets/plugins/bootstrap-icons/icons/brightness-high-fill.svg" alt="" width="32" height="32" title="brightness-high-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/brightness-high.svg" alt="" width="32" height="32" title="brightness-high">

  • <img src="/assets/plugins/bootstrap-icons/icons/brightness-low-fill.svg" alt="" width="32" height="32" title="brightness-low-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/brightness-low.svg" alt="" width="32" height="32" title="brightness-low">

  • <img src="/assets/plugins/bootstrap-icons/icons/brush.svg" alt="" width="32" height="32" title="brush">

  • <img src="/assets/plugins/bootstrap-icons/icons/bucket-fill.svg" alt="" width="32" height="32" title="bucket-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/bucket.svg" alt="" width="32" height="32" title="bucket">

  • <img src="/assets/plugins/bootstrap-icons/icons/building.svg" alt="" width="32" height="32" title="building">

  • <img src="/assets/plugins/bootstrap-icons/icons/bullseye.svg" alt="" width="32" height="32" title="bullseye">

  • <img src="/assets/plugins/bootstrap-icons/icons/calendar-fill.svg" alt="" width="32" height="32" title="calendar-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/calendar.svg" alt="" width="32" height="32" title="calendar">

  • <img src="/assets/plugins/bootstrap-icons/icons/camera-video-fill.svg" alt="" width="32" height="32" title="camera-video-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/camera-video.svg" alt="" width="32" height="32" title="camera-video">

  • <img src="/assets/plugins/bootstrap-icons/icons/camera.svg" alt="" width="32" height="32" title="camera">

  • <img src="/assets/plugins/bootstrap-icons/icons/capslock-fill.svg" alt="" width="32" height="32" title="capslock-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/capslock.svg" alt="" width="32" height="32" title="capslock">

  • <img src="/assets/plugins/bootstrap-icons/icons/chat-fill.svg" alt="" width="32" height="32" title="chat-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/chat.svg" alt="" width="32" height="32" title="chat">

  • <img src="/assets/plugins/bootstrap-icons/icons/check-box.svg" alt="" width="32" height="32" title="check-box">

  • <img src="/assets/plugins/bootstrap-icons/icons/check-circle.svg" alt="" width="32" height="32" title="check-circle">

  • <img src="/assets/plugins/bootstrap-icons/icons/check.svg" alt="" width="32" height="32" title="check">

  • <img src="/assets/plugins/bootstrap-icons/icons/chevron-compact-down.svg" alt="" width="32" height="32" title="chevron-compact-down">

  • <img src="/assets/plugins/bootstrap-icons/icons/chevron-compact-left.svg" alt="" width="32" height="32" title="chevron-compact-left">

  • <img src="/assets/plugins/bootstrap-icons/icons/chevron-compact-right.svg" alt="" width="32" height="32" title="chevron-compact-right">

  • <img src="/assets/plugins/bootstrap-icons/icons/chevron-compact-up.svg" alt="" width="32" height="32" title="chevron-compact-up">

  • <img src="/assets/plugins/bootstrap-icons/icons/chevron-down.svg" alt="" width="32" height="32" title="chevron-down">

  • <img src="/assets/plugins/bootstrap-icons/icons/chevron-left.svg" alt="" width="32" height="32" title="chevron-left">

  • <img src="/assets/plugins/bootstrap-icons/icons/chevron-right.svg" alt="" width="32" height="32" title="chevron-right">

  • <img src="/assets/plugins/bootstrap-icons/icons/chevron-up.svg" alt="" width="32" height="32" title="chevron-up">

  • <img src="/assets/plugins/bootstrap-icons/icons/circle-fill.svg" alt="" width="32" height="32" title="circle-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/circle-half.svg" alt="" width="32" height="32" title="circle-half">

  • <img src="/assets/plugins/bootstrap-icons/icons/circle-slash.svg" alt="" width="32" height="32" title="circle-slash">

  • <img src="/assets/plugins/bootstrap-icons/icons/circle.svg" alt="" width="32" height="32" title="circle">

  • <img src="/assets/plugins/bootstrap-icons/icons/clock-fill.svg" alt="" width="32" height="32" title="clock-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/clock.svg" alt="" width="32" height="32" title="clock">

  • <img src="/assets/plugins/bootstrap-icons/icons/cloud-download.svg" alt="" width="32" height="32" title="cloud-download">

  • <img src="/assets/plugins/bootstrap-icons/icons/cloud-fill.svg" alt="" width="32" height="32" title="cloud-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/cloud-upload.svg" alt="" width="32" height="32" title="cloud-upload">

  • <img src="/assets/plugins/bootstrap-icons/icons/cloud.svg" alt="" width="32" height="32" title="cloud">

  • <img src="/assets/plugins/bootstrap-icons/icons/code-slash.svg" alt="" width="32" height="32" title="code-slash">

  • <img src="/assets/plugins/bootstrap-icons/icons/code.svg" alt="" width="32" height="32" title="code">

  • <img src="/assets/plugins/bootstrap-icons/icons/columns-gap.svg" alt="" width="32" height="32" title="columns-gap">

  • <img src="/assets/plugins/bootstrap-icons/icons/columns.svg" alt="" width="32" height="32" title="columns">

  • <img src="/assets/plugins/bootstrap-icons/icons/command.svg" alt="" width="32" height="32" title="command">

  • <img src="/assets/plugins/bootstrap-icons/icons/compass.svg" alt="" width="32" height="32" title="compass">

  • <img src="/assets/plugins/bootstrap-icons/icons/cone-striped.svg" alt="" width="32" height="32" title="cone-striped">

  • <img src="/assets/plugins/bootstrap-icons/icons/cone.svg" alt="" width="32" height="32" title="cone">

  • <img src="/assets/plugins/bootstrap-icons/icons/controller.svg" alt="" width="32" height="32" title="controller">

  • <img src="/assets/plugins/bootstrap-icons/icons/credit-card.svg" alt="" width="32" height="32" title="credit-card">

  • <img src="/assets/plugins/bootstrap-icons/icons/cursor-fill.svg" alt="" width="32" height="32" title="cursor-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/cursor.svg" alt="" width="32" height="32" title="cursor">

  • <img src="/assets/plugins/bootstrap-icons/icons/dash.svg" alt="" width="32" height="32" title="dash">

  • <img src="/assets/plugins/bootstrap-icons/icons/diamond-half.svg" alt="" width="32" height="32" title="diamond-half">

  • <img src="/assets/plugins/bootstrap-icons/icons/display-fill.svg" alt="" width="32" height="32" title="display-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/display.svg" alt="" width="32" height="32" title="display">

  • <img src="/assets/plugins/bootstrap-icons/icons/dot.svg" alt="" width="32" height="32" title="dot">

  • <img src="/assets/plugins/bootstrap-icons/icons/download.svg" alt="" width="32" height="32" title="download">

  • <img src="/assets/plugins/bootstrap-icons/icons/egg-fried.svg" alt="" width="32" height="32" title="egg-fried">

  • <img src="/assets/plugins/bootstrap-icons/icons/eject-fill.svg" alt="" width="32" height="32" title="eject-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/eject.svg" alt="" width="32" height="32" title="eject">

  • <img src="/assets/plugins/bootstrap-icons/icons/envelope-fill.svg" alt="" width="32" height="32" title="envelope-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/envelope-open-fill.svg" alt="" width="32" height="32" title="envelope-open-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/envelope-open.svg" alt="" width="32" height="32" title="envelope-open">

  • <img src="/assets/plugins/bootstrap-icons/icons/envelope.svg" alt="" width="32" height="32" title="envelope">

  • <img src="/assets/plugins/bootstrap-icons/icons/eye-fill.svg" alt="" width="32" height="32" title="eye-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/eye-slash-fill.svg" alt="" width="32" height="32" title="eye-slash-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/eye-slash.svg" alt="" width="32" height="32" title="eye-slash">

  • <img src="/assets/plugins/bootstrap-icons/icons/eye.svg" alt="" width="32" height="32" title="eye">

  • <img src="/assets/plugins/bootstrap-icons/icons/file-code.svg" alt="" width="32" height="32" title="file-code">

  • <img src="/assets/plugins/bootstrap-icons/icons/file-diff.svg" alt="" width="32" height="32" title="file-diff">

  • <img src="/assets/plugins/bootstrap-icons/icons/file-richtext.svg" alt="" width="32" height="32" title="file-richtext">

  • <img src="/assets/plugins/bootstrap-icons/icons/file-spreadsheet.svg" alt="" width="32" height="32" title="file-spreadsheet">

  • <img src="/assets/plugins/bootstrap-icons/icons/file-text.svg" alt="" width="32" height="32" title="file-text">

  • <img src="/assets/plugins/bootstrap-icons/icons/file.svg" alt="" width="32" height="32" title="file">

  • <img src="/assets/plugins/bootstrap-icons/icons/files-alt.svg" alt="" width="32" height="32" title="files-alt">

  • <img src="/assets/plugins/bootstrap-icons/icons/files.svg" alt="" width="32" height="32" title="files">

  • <img src="/assets/plugins/bootstrap-icons/icons/filter.svg" alt="" width="32" height="32" title="filter">

  • <img src="/assets/plugins/bootstrap-icons/icons/flag-fill.svg" alt="" width="32" height="32" title="flag-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/flag.svg" alt="" width="32" height="32" title="flag">

  • <img src="/assets/plugins/bootstrap-icons/icons/folder-fill.svg" alt="" width="32" height="32" title="folder-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/folder-symlink-fill.svg" alt="" width="32" height="32" title="folder-symlink-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/folder-symlink.svg" alt="" width="32" height="32" title="folder-symlink">

  • <img src="/assets/plugins/bootstrap-icons/icons/folder.svg" alt="" width="32" height="32" title="folder">

  • <img src="/assets/plugins/bootstrap-icons/icons/fonts.svg" alt="" width="32" height="32" title="fonts">

  • <img src="/assets/plugins/bootstrap-icons/icons/forward-fill.svg" alt="" width="32" height="32" title="forward-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/forward.svg" alt="" width="32" height="32" title="forward">

  • <img src="/assets/plugins/bootstrap-icons/icons/gear-fill.svg" alt="" width="32" height="32" title="gear-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/gear-wide-connected.svg" alt="" width="32" height="32" title="gear-wide-connected">

  • <img src="/assets/plugins/bootstrap-icons/icons/gear-wide.svg" alt="" width="32" height="32" title="gear-wide">

  • <img src="/assets/plugins/bootstrap-icons/icons/gear.svg" alt="" width="32" height="32" title="gear">

  • <img src="/assets/plugins/bootstrap-icons/icons/gem.svg" alt="" width="32" height="32" title="gem">

  • <img src="/assets/plugins/bootstrap-icons/icons/geo.svg" alt="" width="32" height="32" title="geo">

  • <img src="/assets/plugins/bootstrap-icons/icons/graph-down.svg" alt="" width="32" height="32" title="graph-down">

  • <img src="/assets/plugins/bootstrap-icons/icons/graph-up.svg" alt="" width="32" height="32" title="graph-up">

  • <img src="/assets/plugins/bootstrap-icons/icons/grid-fill.svg" alt="" width="32" height="32" title="grid-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/grid.svg" alt="" width="32" height="32" title="grid">

  • <img src="/assets/plugins/bootstrap-icons/icons/hammer.svg" alt="" width="32" height="32" title="hammer">

  • <img src="/assets/plugins/bootstrap-icons/icons/hash.svg" alt="" width="32" height="32" title="hash">

  • <img src="/assets/plugins/bootstrap-icons/icons/heart-fill.svg" alt="" width="32" height="32" title="heart-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/heart.svg" alt="" width="32" height="32" title="heart">

  • <img src="/assets/plugins/bootstrap-icons/icons/house-fill.svg" alt="" width="32" height="32" title="house-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/house.svg" alt="" width="32" height="32" title="house">

  • <img src="/assets/plugins/bootstrap-icons/icons/image-alt.svg" alt="" width="32" height="32" title="image-alt">

  • <img src="/assets/plugins/bootstrap-icons/icons/image-fill.svg" alt="" width="32" height="32" title="image-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/image.svg" alt="" width="32" height="32" title="image">

  • <img src="/assets/plugins/bootstrap-icons/icons/images.svg" alt="" width="32" height="32" title="images">

  • <img src="/assets/plugins/bootstrap-icons/icons/inbox-fill.svg" alt="" width="32" height="32" title="inbox-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/inbox.svg" alt="" width="32" height="32" title="inbox">

  • <img src="/assets/plugins/bootstrap-icons/icons/inboxes-fill.svg" alt="" width="32" height="32" title="inboxes-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/inboxes.svg" alt="" width="32" height="32" title="inboxes">

  • <img src="/assets/plugins/bootstrap-icons/icons/info-fill.svg" alt="" width="32" height="32" title="info-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/info-square-fill.svg" alt="" width="32" height="32" title="info-square-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/info-square.svg" alt="" width="32" height="32" title="info-square">

  • <img src="/assets/plugins/bootstrap-icons/icons/info.svg" alt="" width="32" height="32" title="info">

  • <img src="/assets/plugins/bootstrap-icons/icons/justify-left.svg" alt="" width="32" height="32" title="justify-left">

  • <img src="/assets/plugins/bootstrap-icons/icons/justify-right.svg" alt="" width="32" height="32" title="justify-right">

  • <img src="/assets/plugins/bootstrap-icons/icons/justify.svg" alt="" width="32" height="32" title="justify">

  • <img src="/assets/plugins/bootstrap-icons/icons/kanban-fill.svg" alt="" width="32" height="32" title="kanban-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/kanban.svg" alt="" width="32" height="32" title="kanban">

  • <img src="/assets/plugins/bootstrap-icons/icons/laptop.svg" alt="" width="32" height="32" title="laptop">

  • <img src="/assets/plugins/bootstrap-icons/icons/layout-sidebar-reverse.svg" alt="" width="32" height="32" title="layout-sidebar-reverse">

  • <img src="/assets/plugins/bootstrap-icons/icons/layout-sidebar.svg" alt="" width="32" height="32" title="layout-sidebar">

  • <img src="/assets/plugins/bootstrap-icons/icons/layout-split.svg" alt="" width="32" height="32" title="layout-split">

  • <img src="/assets/plugins/bootstrap-icons/icons/list-check.svg" alt="" width="32" height="32" title="list-check">

  • <img src="/assets/plugins/bootstrap-icons/icons/list-ol.svg" alt="" width="32" height="32" title="list-ol">

  • <img src="/assets/plugins/bootstrap-icons/icons/list-task.svg" alt="" width="32" height="32" title="list-task">

  • <img src="/assets/plugins/bootstrap-icons/icons/list-ul.svg" alt="" width="32" height="32" title="list-ul">

  • <img src="/assets/plugins/bootstrap-icons/icons/list.svg" alt="" width="32" height="32" title="list">

  • <img src="/assets/plugins/bootstrap-icons/icons/lock-fill.svg" alt="" width="32" height="32" title="lock-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/lock.svg" alt="" width="32" height="32" title="lock">

  • <img src="/assets/plugins/bootstrap-icons/icons/map.svg" alt="" width="32" height="32" title="map">

  • <img src="/assets/plugins/bootstrap-icons/icons/mic.svg" alt="" width="32" height="32" title="mic">

  • <img src="/assets/plugins/bootstrap-icons/icons/moon.svg" alt="" width="32" height="32" title="moon">

  • <img src="/assets/plugins/bootstrap-icons/icons/music-player-fill.svg" alt="" width="32" height="32" title="music-player-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/music-player.svg" alt="" width="32" height="32" title="music-player">

  • <img src="/assets/plugins/bootstrap-icons/icons/option.svg" alt="" width="32" height="32" title="option">

  • <img src="/assets/plugins/bootstrap-icons/icons/outlet.svg" alt="" width="32" height="32" title="outlet">

  • <img src="/assets/plugins/bootstrap-icons/icons/pause-fill.svg" alt="" width="32" height="32" title="pause-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/pause.svg" alt="" width="32" height="32" title="pause">

  • <img src="/assets/plugins/bootstrap-icons/icons/pen.svg" alt="" width="32" height="32" title="pen">

  • <img src="/assets/plugins/bootstrap-icons/icons/pencil.svg" alt="" width="32" height="32" title="pencil">

  • <img src="/assets/plugins/bootstrap-icons/icons/people-fill.svg" alt="" width="32" height="32" title="people-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/people.svg" alt="" width="32" height="32" title="people">

  • <img src="/assets/plugins/bootstrap-icons/icons/person-fill.svg" alt="" width="32" height="32" title="person-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/person.svg" alt="" width="32" height="32" title="person">

  • <img src="/assets/plugins/bootstrap-icons/icons/phone-landscape.svg" alt="" width="32" height="32" title="phone-landscape">

  • <img src="/assets/plugins/bootstrap-icons/icons/phone.svg" alt="" width="32" height="32" title="phone">

  • <img src="/assets/plugins/bootstrap-icons/icons/pie-chart-fill.svg" alt="" width="32" height="32" title="pie-chart-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/pie-chart.svg" alt="" width="32" height="32" title="pie-chart">

  • <img src="/assets/plugins/bootstrap-icons/icons/play-fill.svg" alt="" width="32" height="32" title="play-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/play.svg" alt="" width="32" height="32" title="play">

  • <img src="/assets/plugins/bootstrap-icons/icons/plug.svg" alt="" width="32" height="32" title="plug">

  • <img src="/assets/plugins/bootstrap-icons/icons/plus.svg" alt="" width="32" height="32" title="plus">

  • <img src="/assets/plugins/bootstrap-icons/icons/power.svg" alt="" width="32" height="32" title="power">

  • <img src="/assets/plugins/bootstrap-icons/icons/question-fill.svg" alt="" width="32" height="32" title="question-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/question-square-fill.svg" alt="" width="32" height="32" title="question-square-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/question-square.svg" alt="" width="32" height="32" title="question-square">

  • <img src="/assets/plugins/bootstrap-icons/icons/question.svg" alt="" width="32" height="32" title="question">

  • <img src="/assets/plugins/bootstrap-icons/icons/reply-all-fill.svg" alt="" width="32" height="32" title="reply-all-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/reply-all.svg" alt="" width="32" height="32" title="reply-all">

  • <img src="/assets/plugins/bootstrap-icons/icons/reply-fill.svg" alt="" width="32" height="32" title="reply-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/reply.svg" alt="" width="32" height="32" title="reply">

  • <img src="/assets/plugins/bootstrap-icons/icons/screwdriver.svg" alt="" width="32" height="32" title="screwdriver">

  • <img src="/assets/plugins/bootstrap-icons/icons/search.svg" alt="" width="32" height="32" title="search">

  • <img src="/assets/plugins/bootstrap-icons/icons/shield-fill.svg" alt="" width="32" height="32" title="shield-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/shield-lock-fill.svg" alt="" width="32" height="32" title="shield-lock-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/shield-lock.svg" alt="" width="32" height="32" title="shield-lock">

  • <img src="/assets/plugins/bootstrap-icons/icons/shield-shaded.svg" alt="" width="32" height="32" title="shield-shaded">

  • <img src="/assets/plugins/bootstrap-icons/icons/shield.svg" alt="" width="32" height="32" title="shield">

  • <img src="/assets/plugins/bootstrap-icons/icons/shift-fill.svg" alt="" width="32" height="32" title="shift-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/shift.svg" alt="" width="32" height="32" title="shift">

  • <img src="/assets/plugins/bootstrap-icons/icons/skip-backward-fill.svg" alt="" width="32" height="32" title="skip-backward-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/skip-backward.svg" alt="" width="32" height="32" title="skip-backward">

  • <img src="/assets/plugins/bootstrap-icons/icons/skip-end-fill.svg" alt="" width="32" height="32" title="skip-end-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/skip-end.svg" alt="" width="32" height="32" title="skip-end">

  • <img src="/assets/plugins/bootstrap-icons/icons/skip-forward-fill.svg" alt="" width="32" height="32" title="skip-forward-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/skip-forward.svg" alt="" width="32" height="32" title="skip-forward">

  • <img src="/assets/plugins/bootstrap-icons/icons/skip-start-fill.svg" alt="" width="32" height="32" title="skip-start-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/skip-start.svg" alt="" width="32" height="32" title="skip-start">

  • <img src="/assets/plugins/bootstrap-icons/icons/speaker.svg" alt="" width="32" height="32" title="speaker">

  • <img src="/assets/plugins/bootstrap-icons/icons/square-fill.svg" alt="" width="32" height="32" title="square-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/square-half.svg" alt="" width="32" height="32" title="square-half">

  • <img src="/assets/plugins/bootstrap-icons/icons/square.svg" alt="" width="32" height="32" title="square">

  • <img src="/assets/plugins/bootstrap-icons/icons/star-fill.svg" alt="" width="32" height="32" title="star-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/star-half.svg" alt="" width="32" height="32" title="star-half">

  • <img src="/assets/plugins/bootstrap-icons/icons/star.svg" alt="" width="32" height="32" title="star">

  • <img src="/assets/plugins/bootstrap-icons/icons/stop-fill.svg" alt="" width="32" height="32" title="stop-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/stop.svg" alt="" width="32" height="32" title="stop">

  • <img src="/assets/plugins/bootstrap-icons/icons/stopwatch-fill.svg" alt="" width="32" height="32" title="stopwatch-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/stopwatch.svg" alt="" width="32" height="32" title="stopwatch">

  • <img src="/assets/plugins/bootstrap-icons/icons/sun.svg" alt="" width="32" height="32" title="sun">

  • <img src="/assets/plugins/bootstrap-icons/icons/table.svg" alt="" width="32" height="32" title="table">

  • <img src="/assets/plugins/bootstrap-icons/icons/tablet-landscape.svg" alt="" width="32" height="32" title="tablet-landscape">

  • <img src="/assets/plugins/bootstrap-icons/icons/tablet.svg" alt="" width="32" height="32" title="tablet">

  • <img src="/assets/plugins/bootstrap-icons/icons/tag-fill.svg" alt="" width="32" height="32" title="tag-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/tag.svg" alt="" width="32" height="32" title="tag">

  • <img src="/assets/plugins/bootstrap-icons/icons/terminal-fill.svg" alt="" width="32" height="32" title="terminal-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/terminal.svg" alt="" width="32" height="32" title="terminal">

  • <img src="/assets/plugins/bootstrap-icons/icons/text-center.svg" alt="" width="32" height="32" title="text-center">

  • <img src="/assets/plugins/bootstrap-icons/icons/text-indent-left.svg" alt="" width="32" height="32" title="text-indent-left">

  • <img src="/assets/plugins/bootstrap-icons/icons/text-indent-right.svg" alt="" width="32" height="32" title="text-indent-right">

  • <img src="/assets/plugins/bootstrap-icons/icons/text-left.svg" alt="" width="32" height="32" title="text-left">

  • <img src="/assets/plugins/bootstrap-icons/icons/text-right.svg" alt="" width="32" height="32" title="text-right">

  • <img src="/assets/plugins/bootstrap-icons/icons/three-dots-vertical.svg" alt="" width="32" height="32" title="three-dots-vertical">

  • <img src="/assets/plugins/bootstrap-icons/icons/three-dots.svg" alt="" width="32" height="32" title="three-dots">

  • <img src="/assets/plugins/bootstrap-icons/icons/toggle-off.svg" alt="" width="32" height="32" title="toggle-off">

  • <img src="/assets/plugins/bootstrap-icons/icons/toggle-on.svg" alt="" width="32" height="32" title="toggle-on">

  • <img src="/assets/plugins/bootstrap-icons/icons/toggles.svg" alt="" width="32" height="32" title="toggles">

  • <img src="/assets/plugins/bootstrap-icons/icons/tools.svg" alt="" width="32" height="32" title="tools">

  • <img src="/assets/plugins/bootstrap-icons/icons/trash-fill.svg" alt="" width="32" height="32" title="trash-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/trash.svg" alt="" width="32" height="32" title="trash">

  • <img src="/assets/plugins/bootstrap-icons/icons/triangle-fill.svg" alt="" width="32" height="32" title="triangle-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/triangle-half.svg" alt="" width="32" height="32" title="triangle-half">

  • <img src="/assets/plugins/bootstrap-icons/icons/triangle.svg" alt="" width="32" height="32" title="triangle">

  • <img src="/assets/plugins/bootstrap-icons/icons/trophy.svg" alt="" width="32" height="32" title="trophy">

  • <img src="/assets/plugins/bootstrap-icons/icons/tv-fill.svg" alt="" width="32" height="32" title="tv-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/tv.svg" alt="" width="32" height="32" title="tv">

  • <img src="/assets/plugins/bootstrap-icons/icons/type-bold.svg" alt="" width="32" height="32" title="type-bold">

  • <img src="/assets/plugins/bootstrap-icons/icons/type-h1.svg" alt="" width="32" height="32" title="type-h1">

  • <img src="/assets/plugins/bootstrap-icons/icons/type-h2.svg" alt="" width="32" height="32" title="type-h2">

  • <img src="/assets/plugins/bootstrap-icons/icons/type-h3.svg" alt="" width="32" height="32" title="type-h3">

  • <img src="/assets/plugins/bootstrap-icons/icons/type-italic.svg" alt="" width="32" height="32" title="type-italic">

  • <img src="/assets/plugins/bootstrap-icons/icons/type-strikethrough.svg" alt="" width="32" height="32" title="type-strikethrough">

  • <img src="/assets/plugins/bootstrap-icons/icons/type-underline.svg" alt="" width="32" height="32" title="type-underline">

  • <img src="/assets/plugins/bootstrap-icons/icons/type.svg" alt="" width="32" height="32" title="type">

  • <img src="/assets/plugins/bootstrap-icons/icons/unlock-fill.svg" alt="" width="32" height="32" title="unlock-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/unlock.svg" alt="" width="32" height="32" title="unlock">

  • <img src="/assets/plugins/bootstrap-icons/icons/upload.svg" alt="" width="32" height="32" title="upload">

  • <img src="/assets/plugins/bootstrap-icons/icons/volume-down-fill.svg" alt="" width="32" height="32" title="volume-down-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/volume-down.svg" alt="" width="32" height="32" title="volume-down">

  • <img src="/assets/plugins/bootstrap-icons/icons/volume-mute-fill.svg" alt="" width="32" height="32" title="volume-mute-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/volume-mute.svg" alt="" width="32" height="32" title="volume-mute">

  • <img src="/assets/plugins/bootstrap-icons/icons/volume-up-fill.svg" alt="" width="32" height="32" title="volume-up-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/volume-up.svg" alt="" width="32" height="32" title="volume-up">

  • <img src="/assets/plugins/bootstrap-icons/icons/wallet.svg" alt="" width="32" height="32" title="wallet">

  • <img src="/assets/plugins/bootstrap-icons/icons/watch.svg" alt="" width="32" height="32" title="watch">

  • <img src="/assets/plugins/bootstrap-icons/icons/wifi.svg" alt="" width="32" height="32" title="wifi">

  • <img src="/assets/plugins/bootstrap-icons/icons/window.svg" alt="" width="32" height="32" title="window">

  • <img src="/assets/plugins/bootstrap-icons/icons/wrench.svg" alt="" width="32" height="32" title="wrench">

  • <img src="/assets/plugins/bootstrap-icons/icons/x-circle-fill.svg" alt="" width="32" height="32" title="x-circle-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/x-circle.svg" alt="" width="32" height="32" title="x-circle">

  • <img src="/assets/plugins/bootstrap-icons/icons/x-octagon-fill.svg" alt="" width="32" height="32" title="x-octagon-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/x-octagon.svg" alt="" width="32" height="32" title="x-octagon">

  • <img src="/assets/plugins/bootstrap-icons/icons/x-square-fill.svg" alt="" width="32" height="32" title="x-square-fill">

  • <img src="/assets/plugins/bootstrap-icons/icons/x-square.svg" alt="" width="32" height="32" title="x-square">

  • <img src="/assets/plugins/bootstrap-icons/icons/x.svg" alt="" width="32" height="32" title="x">

Awesome Features

99.9% Uptime Free Upgrades Fully Responsive Bug Free

Theme Colours

Green Red Blue Purple Pink Orange Lime Blue-dark Red-dark Brown Cyan-dark Yellow Slate Olive Teal Green-bright

Cookies are NOT enabled so colour selection is not persistent.

Back to main homepage

Back to intro page