Bootstrap Icons v1.10.3의 모든 아이콘을 한눈에 확인하세요
bi-pie-chart-fill
bi-pie-chart
bi-pin-angle-fill
bi-pin-angle
bi-pin-fill
bi-pin
bi-pip-fill
bi-pip
bi-play-btn-fill
bi-play-btn
bi-play-circle-fill
bi-play-circle
bi-play-fill
bi-play
bi-plug-fill
bi-plug
bi-plus-circle-dotted
bi-plus-circle-fill
bi-plus-circle
bi-plus-square-dotted
bi-plus-square-fill
bi-plus-square
bi-plus
bi-power
bi-printer-fill
bi-printer
bi-puzzle-fill
bi-puzzle
bi-question-circle-fill
bi-question-circle
bi-question-diamond-fill
bi-question-diamond
bi-question-octagon-fill
bi-question-octagon
bi-question-square-fill
bi-question-square
bi-question
bi-rainbow
bi-receipt-cutoff
bi-receipt
bi-reception-0
bi-reception-1
bi-reception-2
bi-reception-3
bi-reception-4
bi-record-btn-fill
bi-record-btn
bi-record-circle-fill
bi-record-circle
bi-record-fill
bi-record
bi-record2-fill
bi-record2
bi-reply-all-fill
bi-reply-all
bi-reply-fill
bi-reply
bi-rss-fill
bi-rss
bi-rulers
bi-save-fill
bi-save
bi-save2-fill
bi-save2
bi-scissors
bi-screwdriver
bi-search
bi-segmented-nav
bi-server
bi-share-fill
bi-share
bi-shield-check
bi-shield-exclamation
bi-shield-fill-check
bi-shield-fill-exclamation
bi-shield-fill-minus
bi-shield-fill-plus
bi-shield-fill-x
bi-shield-fill
bi-shield-lock-fill
bi-shield-lock
bi-shield-minus
bi-shield-plus
bi-shield-shaded
bi-shield-slash-fill
bi-shield-slash
bi-shield-x
bi-shield
bi-shift-fill
bi-shift
bi-shop-window
bi-shop
bi-shuffle
bi-signpost-2-fill
bi-signpost-2
bi-signpost-fill
bi-signpost-split-fill
bi-signpost-split
bi-signpost
bi-sim-fill
bi-sim
bi-skip-backward-btn-fill
bi-skip-backward-btn
bi-skip-backward-circle-fill
bi-skip-backward-circle
bi-skip-backward-fill
bi-skip-backward
bi-skip-end-btn-fill
bi-skip-end-btn
bi-skip-end-circle-fill
bi-skip-end-circle
bi-skip-end-fill
bi-skip-end
bi-skip-forward-btn-fill
bi-skip-forward-btn
bi-skip-forward-circle-fill
bi-skip-forward-circle
bi-skip-forward-fill
bi-skip-forward
bi-skip-start-btn-fill
bi-skip-start-btn
bi-skip-start-circle-fill
bi-skip-start-circle
bi-skip-start-fill
bi-skip-start
bi-slack
bi-slash-circle-fill
bi-slash-circle
bi-slash-square-fill
bi-slash-square
bi-slash
bi-sliders
bi-smartwatch
bi-snow
bi-snow2
bi-snow3
bi-sort-alpha-down-alt
bi-sort-alpha-down
bi-sort-alpha-up-alt
bi-sort-alpha-up
bi-sort-down-alt
bi-sort-down
bi-sort-numeric-down-alt
bi-sort-numeric-down
bi-sort-numeric-up-alt
bi-sort-numeric-up
bi-sort-up-alt
bi-sort-up
bi-soundwave
bi-speaker-fill
bi-speaker
bi-speedometer
bi-speedometer2
bi-spellcheck
bi-square-fill
bi-square-half
bi-square
bi-stack
bi-star-fill
bi-star-half
bi-star
bi-stars
bi-stickies-fill
bi-stickies
bi-sticky-fill
bi-sticky
bi-stop-btn-fill
bi-stop-btn
bi-stop-circle-fill
bi-stop-circle
bi-stop-fill
bi-stop
bi-stoplights-fill
bi-stoplights
bi-stopwatch-fill
bi-stopwatch
bi-subtract
bi-suit-club-fill
bi-suit-club
bi-suit-diamond-fill
bi-suit-diamond
bi-suit-heart-fill
bi-suit-heart
bi-suit-spade-fill
bi-suit-spade
bi-sun-fill
bi-sun
bi-sunglasses
bi-sunrise-fill
bi-sunrise
bi-sunset-fill
bi-sunset
bi-symmetry-horizontal
bi-symmetry-vertical
bi-table
bi-tablet-fill
bi-tablet-landscape-fill
bi-tablet-landscape
bi-tablet
bi-tag-fill
<i class="bi bi-alarm"></i>
<i class="bi bi-arrow-right-circle-fill"></i>
<i class="bi bi-heart" style="font-size: 2rem; color: red;"></i>.my-icon::before {
font-family: "bootstrap-icons";
content: "\f102"; /* alarm 아이콘 */
}