diff options
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 463 |
1 files changed, 457 insertions, 6 deletions
diff --git a/index.html b/index.html index c587f9d22..2133f7493 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,7 @@ <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap Icons · Official open source SVG icon library for Bootstrap</title> <meta name="description" content="Official open source SVG icon library for Bootstrap"> -<meta name="generator" content="Hugo 0.82.0"> +<meta name="generator" content="Hugo 0.83.1"> <link rel="canonical" href="https://icons.getbootstrap.com/"> @@ -45,6 +45,7 @@ ga('send', 'pageview'); </script> <script async src="https://www.google-analytics.com/analytics.js"></script> +<script defer src="https://cdn.usefathom.com/script.js" data-site="TAXRUMOF"></script> </head> @@ -116,7 +117,7 @@ </li> </ul> - <a class="btn btn-bd-download d-none d-lg-inline-block mb-3 mb-md-0 ms-md-3" href="https://github.com/twbs/icons/archive/v1.4.1.zip">Download</a> + <a class="btn btn-bd-download d-none d-lg-inline-block mb-3 mb-md-0 ms-md-3" href="https://github.com/twbs/icons/archive/v1.5.0.zip">Download</a> </div> </nav> </header> @@ -147,7 +148,7 @@ <hr class="mx-auto mx-lg-0 my-5"> <p class="text-muted"> - Currently <a href="https://github.com/twbs/icons/releases/tag/v1.4.1">v1.4.1</a> + Currently <a href="https://github.com/twbs/icons/releases/tag/v1.5.0">v1.5.0</a> <span class="px-1">•</span> <a href="#icons">Icons</a> <span class="px-1">•</span> @@ -1388,6 +1389,26 @@ <div class="name text-muted text-decoration-none text-center pt-1">bag-x-fill</div> </a> </li> + <li class="col mb-4" data-tags="money finance banking market" data-categories="commerce"> + <a class="d-block text-dark text-decoration-none" href="/icons/bank/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#bank"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">bank</div> + </a> + </li> + <li class="col mb-4" data-tags="money finance banking market" data-categories="commerce"> + <a class="d-block text-dark text-decoration-none" href="/icons/bank2/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#bank2"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">bank2</div> + </a> + </li> <li class="col mb-4" data-tags="chart graph analytics" data-categories="data"> <a class="d-block text-dark text-decoration-none" href="/icons/bar-chart/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -1558,6 +1579,26 @@ <div class="name text-muted text-decoration-none text-center pt-1">bell-fill</div> </a> </li> + <li class="col mb-4" data-tags="notification silenced" data-categories="communications"> + <a class="d-block text-dark text-decoration-none" href="/icons/bell-slash/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#bell-slash"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">bell-slash</div> + </a> + </li> + <li class="col mb-4" data-tags="notification silenced" data-categories="communications"> + <a class="d-block text-dark text-decoration-none" href="/icons/bell-slash-fill/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#bell-slash-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">bell-slash-fill</div> + </a> + </li> <li class="col mb-4" data-tags="graphics vector pen" data-categories="graphics"> <a class="d-block text-dark text-decoration-none" href="/icons/bezier/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -3438,6 +3479,16 @@ <div class="name text-muted text-decoration-none text-center pt-1">cash</div> </a> </li> + <li class="col mb-4" data-tags="money finance banking currency" data-categories="commerce"> + <a class="d-block text-dark text-decoration-none" href="/icons/cash-coin/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#cash-coin"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">cash-coin</div> + </a> + </li> <li class="col mb-4" data-tags="money bills funds wallet currency" data-categories="commerce"> <a class="d-block text-dark text-decoration-none" href="/icons/cash-stack/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -3819,6 +3870,16 @@ </a> </li> <li class="col mb-4" data-tags="checkmark confirm done" data-categories="alerts, warnings, and signs"> + <a class="d-block text-dark text-decoration-none" href="/icons/check-lg/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#check-lg"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">check-lg</div> + </a> + </li> + <li class="col mb-4" data-tags="checkmark confirm done" data-categories="alerts, warnings, and signs"> <a class="d-block text-dark text-decoration-none" href="/icons/check-square/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> <svg class="bi" width="1em" height="1em" fill="currentColor"> @@ -4748,6 +4809,16 @@ <div class="name text-muted text-decoration-none text-center pt-1">code-square</div> </a> </li> + <li class="col mb-4" data-tags="money finance banking currency" data-categories="commerce"> + <a class="d-block text-dark text-decoration-none" href="/icons/coin/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#coin"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">coin</div> + </a> + </li> <li class="col mb-4" data-tags="library group" data-categories="media"> <a class="d-block text-dark text-decoration-none" href="/icons/collection/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -4988,6 +5059,66 @@ <div class="name text-muted text-decoration-none text-center pt-1">cup-straw</div> </a> </li> + <li class="col mb-4" data-tags="money finance crypto" data-categories="commerce"> + <a class="d-block text-dark text-decoration-none" href="/icons/currency-bitcoin/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#currency-bitcoin"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">currency-bitcoin</div> + </a> + </li> + <li class="col mb-4" data-tags="money finance usd" data-categories="commerce"> + <a class="d-block text-dark text-decoration-none" href="/icons/currency-dollar/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#currency-dollar"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">currency-dollar</div> + </a> + </li> + <li class="col mb-4" data-tags="money finance" data-categories="commerce"> + <a class="d-block text-dark text-decoration-none" href="/icons/currency-euro/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#currency-euro"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">currency-euro</div> + </a> + </li> + <li class="col mb-4" data-tags="money finance" data-categories="commerce"> + <a class="d-block text-dark text-decoration-none" href="/icons/currency-exchange/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#currency-exchange"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">currency-exchange</div> + </a> + </li> + <li class="col mb-4" data-tags="money finance" data-categories="commerce"> + <a class="d-block text-dark text-decoration-none" href="/icons/currency-pound/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#currency-pound"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">currency-pound</div> + </a> + </li> + <li class="col mb-4" data-tags="money finance" data-categories="commerce"> + <a class="d-block text-dark text-decoration-none" href="/icons/currency-yen/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#currency-yen"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">currency-yen</div> + </a> + </li> <li class="col mb-4" data-tags="pointer" data-categories="geo"> <a class="d-block text-dark text-decoration-none" href="/icons/cursor/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -5059,6 +5190,16 @@ </a> </li> <li class="col mb-4" data-tags="minus" data-categories="alerts, warnings, and signs"> + <a class="d-block text-dark text-decoration-none" href="/icons/dash-lg/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#dash-lg"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">dash-lg</div> + </a> + </li> + <li class="col mb-4" data-tags="minus" data-categories="alerts, warnings, and signs"> <a class="d-block text-dark text-decoration-none" href="/icons/dash-square/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> <svg class="bi" width="1em" height="1em" fill="currentColor"> @@ -5849,6 +5990,16 @@ </a> </li> <li class="col mb-4" data-tags="alert warning" data-categories="alerts, warnings, and signs"> + <a class="d-block text-dark text-decoration-none" href="/icons/exclamation-lg/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#exclamation-lg"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">exclamation-lg</div> + </a> + </li> + <li class="col mb-4" data-tags="alert warning" data-categories="alerts, warnings, and signs"> <a class="d-block text-dark text-decoration-none" href="/icons/exclamation-octagon/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> <svg class="bi" width="1em" height="1em" fill="currentColor"> @@ -6518,6 +6669,26 @@ <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-music-fill</div> </a> </li> + <li class="col mb-4" data-tags="doc document adobe acrobat" data-categories="files and folders"> + <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-pdf/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#file-earmark-pdf"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-pdf</div> + </a> + </li> + <li class="col mb-4" data-tags="doc document adobe acrobat" data-categories="files and folders"> + <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-pdf-fill/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#file-earmark-pdf-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">file-earmark-pdf-fill</div> + </a> + </li> <li class="col mb-4" data-tags="doc document personal cv resume about" data-categories="files and folders"> <a class="d-block text-dark text-decoration-none" href="/icons/file-earmark-person/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -6968,6 +7139,26 @@ <div class="name text-muted text-decoration-none text-center pt-1">file-music-fill</div> </a> </li> + <li class="col mb-4" data-tags="doc document adobe acrobat" data-categories="files and folders"> + <a class="d-block text-dark text-decoration-none" href="/icons/file-pdf/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#file-pdf"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">file-pdf</div> + </a> + </li> + <li class="col mb-4" data-tags="doc document adobe acrobat" data-categories="files and folders"> + <a class="d-block text-dark text-decoration-none" href="/icons/file-pdf-fill/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#file-pdf-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">file-pdf-fill</div> + </a> + </li> <li class="col mb-4" data-tags="doc document personal cv resume about" data-categories="files and folders"> <a class="d-block text-dark text-decoration-none" href="/icons/file-person/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -7608,6 +7799,46 @@ <div class="name text-muted text-decoration-none text-center pt-1">gem</div> </a> </li> + <li class="col mb-4" data-tags="gender identity" data-categories="people"> + <a class="d-block text-dark text-decoration-none" href="/icons/gender-ambiguous/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#gender-ambiguous"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">gender-ambiguous</div> + </a> + </li> + <li class="col mb-4" data-tags="gender identity" data-categories="people"> + <a class="d-block text-dark text-decoration-none" href="/icons/gender-female/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#gender-female"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">gender-female</div> + </a> + </li> + <li class="col mb-4" data-tags="gender identity" data-categories="people"> + <a class="d-block text-dark text-decoration-none" href="/icons/gender-male/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#gender-male"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">gender-male</div> + </a> + </li> + <li class="col mb-4" data-tags="gender identity" data-categories="people"> + <a class="d-block text-dark text-decoration-none" href="/icons/gender-trans/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#gender-trans"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">gender-trans</div> + </a> + </li> <li class="col mb-4" data-tags="geography map pin location" data-categories="geo"> <a class="d-block text-dark text-decoration-none" href="/icons/geo/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -8068,6 +8299,16 @@ <div class="name text-muted text-decoration-none text-center pt-1">headset</div> </a> </li> + <li class="col mb-4" data-tags="virual reality oculus hololens" data-categories="devices"> + <a class="d-block text-dark text-decoration-none" href="/icons/headset-vr/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#headset-vr"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">headset-vr</div> + </a> + </li> <li class="col mb-4" data-tags="love favorite" data-categories="shapes"> <a class="d-block text-dark text-decoration-none" href="/icons/heart/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -8369,6 +8610,16 @@ </a> </li> <li class="col mb-4" data-tags="information help" data-categories="alerts, warnings, and signs"> + <a class="d-block text-dark text-decoration-none" href="/icons/info-lg/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#info-lg"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">info-lg</div> + </a> + </li> + <li class="col mb-4" data-tags="information help" data-categories="alerts, warnings, and signs"> <a class="d-block text-dark text-decoration-none" href="/icons/info-square/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> <svg class="bi" width="1em" height="1em" fill="currentColor"> @@ -9168,6 +9419,16 @@ <div class="name text-muted text-decoration-none text-center pt-1">mask</div> </a> </li> + <li class="col mb-4" data-categories="social"> + <a class="d-block text-dark text-decoration-none" href="/icons/mastodon/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#mastodon"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">mastodon</div> + </a> + </li> <li class="col mb-4" data-tags="loudspeaker announcement" data-categories="real world"> <a class="d-block text-dark text-decoration-none" href="/icons/megaphone/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -9268,6 +9529,16 @@ <div class="name text-muted text-decoration-none text-center pt-1">menu-up</div> </a> </li> + <li class="col mb-4" data-categories="social"> + <a class="d-block text-dark text-decoration-none" href="/icons/messenger/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#messenger"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">messenger</div> + </a> + </li> <li class="col mb-4" data-tags="audio video av sound input microphone" data-categories="media"> <a class="d-block text-dark text-decoration-none" href="/icons/mic/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -10198,6 +10469,26 @@ <div class="name text-muted text-decoration-none text-center pt-1">pie-chart-fill</div> </a> </li> + <li class="col mb-4" data-tags="money finance banking savings" data-categories="commerce"> + <a class="d-block text-dark text-decoration-none" href="/icons/piggy-bank/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#piggy-bank"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">piggy-bank</div> + </a> + </li> + <li class="col mb-4" data-tags="money finance banking savings" data-categories="commerce"> + <a class="d-block text-dark text-decoration-none" href="/icons/piggy-bank-fill/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#piggy-bank-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">piggy-bank-fill</div> + </a> + </li> <li class="col mb-4" data-tags="pushpin thumbtack" data-categories="real world"> <a class="d-block text-dark text-decoration-none" href="/icons/pin/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -10238,6 +10529,26 @@ <div class="name text-muted text-decoration-none text-center pt-1">pin-fill</div> </a> </li> + <li class="col mb-4" data-tags="geography map pin location" data-categories="geo"> + <a class="d-block text-dark text-decoration-none" href="/icons/pin-map/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#pin-map"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">pin-map</div> + </a> + </li> + <li class="col mb-4" data-tags="geography map pin location" data-categories="geo"> + <a class="d-block text-dark text-decoration-none" href="/icons/pin-map-fill/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#pin-map-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">pin-map-fill</div> + </a> + </li> <li class="col mb-4" data-tags="picture tv television display nested" data-categories="media"> <a class="d-block text-dark text-decoration-none" href="/icons/pip/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -10379,6 +10690,16 @@ </a> </li> <li class="col mb-4" data-tags="add new" data-categories="alerts, warnings, and signs"> + <a class="d-block text-dark text-decoration-none" href="/icons/plus-lg/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#plus-lg"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">plus-lg</div> + </a> + </li> + <li class="col mb-4" data-tags="add new" data-categories="alerts, warnings, and signs"> <a class="d-block text-dark text-decoration-none" href="/icons/plus-square/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> <svg class="bi" width="1em" height="1em" fill="currentColor"> @@ -10509,6 +10830,16 @@ </a> </li> <li class="col mb-4" data-tags="help" data-categories="alerts, warnings, and signs"> + <a class="d-block text-dark text-decoration-none" href="/icons/question-lg/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#question-lg"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">question-lg</div> + </a> + </li> + <li class="col mb-4" data-tags="help" data-categories="alerts, warnings, and signs"> <a class="d-block text-dark text-decoration-none" href="/icons/question-octagon/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> <svg class="bi" width="1em" height="1em" fill="currentColor"> @@ -10708,6 +11039,26 @@ <div class="name text-muted text-decoration-none text-center pt-1">record2-fill</div> </a> </li> + <li class="col mb-4" data-tags="recyling trash" data-categories="arrows"> + <a class="d-block text-dark text-decoration-none" href="/icons/recycle/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#recycle"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">recycle</div> + </a> + </li> + <li class="col mb-4" data-categories="social"> + <a class="d-block text-dark text-decoration-none" href="/icons/reddit/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#reddit"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">reddit</div> + </a> + </li> <li class="col mb-4" data-tags="mail email" data-categories="communications"> <a class="d-block text-dark text-decoration-none" href="/icons/reply/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -10778,6 +11129,46 @@ <div class="name text-muted text-decoration-none text-center pt-1">rulers</div> </a> </li> + <li class="col mb-4" data-tags="vault bank finance" data-categories="real world"> + <a class="d-block text-dark text-decoration-none" href="/icons/safe/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#safe"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">safe</div> + </a> + </li> + <li class="col mb-4" data-tags="vault bank finance" data-categories="real world"> + <a class="d-block text-dark text-decoration-none" href="/icons/safe-fill/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#safe-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">safe-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="vault bank finance" data-categories="real world"> + <a class="d-block text-dark text-decoration-none" href="/icons/safe2/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#safe2"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">safe2</div> + </a> + </li> + <li class="col mb-4" data-tags="vault bank finance" data-categories="real world"> + <a class="d-block text-dark text-decoration-none" href="/icons/safe2-fill/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#safe2-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">safe2-fill</div> + </a> + </li> <li class="col mb-4" data-tags="save floppy" data-categories="ui and keyboard"> <a class="d-block text-dark text-decoration-none" href="/icons/save/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -10838,6 +11229,26 @@ <div class="name text-muted text-decoration-none text-center pt-1">screwdriver</div> </a> </li> + <li class="col mb-4" data-tags="storage microsd chip memory" data-categories="devices"> + <a class="d-block text-dark text-decoration-none" href="/icons/sd-card/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#sd-card"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">sd-card</div> + </a> + </li> + <li class="col mb-4" data-tags="storage microsd chip memory" data-categories="devices"> + <a class="d-block text-dark text-decoration-none" href="/icons/sd-card-fill/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#sd-card-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">sd-card-fill</div> + </a> + </li> <li class="col mb-4" data-tags="magnifying-glass look" data-categories="communications"> <a class="d-block text-dark text-decoration-none" href="/icons/search/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -11429,6 +11840,16 @@ </a> </li> <li class="col mb-4" data-categories="social"> + <a class="d-block text-dark text-decoration-none" href="/icons/skype/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#skype"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">skype</div> + </a> + </li> + <li class="col mb-4" data-categories="social"> <a class="d-block text-dark text-decoration-none" href="/icons/slack/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> <svg class="bi" width="1em" height="1em" fill="currentColor"> @@ -11459,6 +11880,16 @@ </a> </li> <li class="col mb-4" data-tags="shape stop ban false" data-categories="alerts, warnings, and signs"> + <a class="d-block text-dark text-decoration-none" href="/icons/slash-lg/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#slash-lg"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">slash-lg</div> + </a> + </li> + <li class="col mb-4" data-tags="shape stop ban false" data-categories="alerts, warnings, and signs"> <a class="d-block text-dark text-decoration-none" href="/icons/slash-square/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> <svg class="bi" width="1em" height="1em" fill="currentColor"> @@ -12618,6 +13049,16 @@ <div class="name text-muted text-decoration-none text-center pt-1">tornado</div> </a> </li> + <li class="col mb-4" data-tags="translation languages language" data-categories="communications"> + <a class="d-block text-dark text-decoration-none" href="/icons/translate/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#translate"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">translate</div> + </a> + </li> <li class="col mb-4" data-tags="trash-can garbage delete" data-categories="ui and keyboard"> <a class="d-block text-dark text-decoration-none" href="/icons/trash/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -13359,6 +13800,16 @@ </a> </li> <li class="col mb-4" data-tags="x delete reset clear cancel close exit" data-categories="alerts, warnings, and signs"> + <a class="d-block text-dark text-decoration-none" href="/icons/x-lg/"> + <div class="p-3 py-4 mb-2 bg-light text-center rounded"> + <svg class="bi" width="1em" height="1em" fill="currentColor"> + <use xlink:href="bootstrap-icons.svg#x-lg"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">x-lg</div> + </a> + </li> + <li class="col mb-4" data-tags="x delete reset clear cancel close exit" data-categories="alerts, warnings, and signs"> <a class="d-block text-dark text-decoration-none" href="/icons/x-octagon/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> <svg class="bi" width="1em" height="1em" fill="currentColor"> @@ -13450,8 +13901,8 @@ <div class="col-md-4"> <h3 id="cdn">CDN</h3> <p>Include the icon fonts stylesheet—in your website <code><head></code> or via <code>@import</code> in CSS—from our CDN and get started in seconds. <a href="#icon-font">See icon font docs</a> for examples.</p> -<div class="highlight"><pre class="chroma"><code class="language-html" data-lang="html"><span class="p"><</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">"stylesheet"</span> <span class="na">href</span><span class="o">=</span><span class="s">"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"</span><span class="p">></span></code></pre></div> -<div class="highlight"><pre class="chroma"><code class="language-css" data-lang="css"><span class="p">@</span><span class="k">import</span> <span class="nt">url</span><span class="o">(</span><span class="s2">"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"</span><span class="o">)</span><span class="p">;</span></code></pre></div> +<div class="highlight"><pre class="chroma"><code class="language-html" data-lang="html"><span class="p"><</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">"stylesheet"</span> <span class="na">href</span><span class="o">=</span><span class="s">"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css"</span><span class="p">></span></code></pre></div> +<div class="highlight"><pre class="chroma"><code class="language-css" data-lang="css"><span class="p">@</span><span class="k">import</span> <span class="nt">url</span><span class="o">(</span><span class="s2">"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css"</span><span class="o">)</span><span class="p">;</span></code></pre></div> </div> </div> @@ -13617,7 +14068,7 @@ <li><a href="https://twitter.com/getbootstrap">Twitter</a></li> <li><a href="https://getbootstrap.com/docs/5.0/about/overview/">About</a></li> </ul> - <p>Currently <a href="https://github.com/twbs/icons/releases/tag/v1.4.1">v1.4.1</a>. Icons and documentation licensed <a href="https://github.com/twbs/icons/blob/main/LICENSE.md" target="_blank" rel="license noopener">MIT</a>.</p> + <p>Currently <a href="https://github.com/twbs/icons/releases/tag/v1.5.0">v1.5.0</a>. Icons and documentation licensed <a href="https://github.com/twbs/icons/blob/main/LICENSE.md" target="_blank" rel="license noopener">MIT</a>.</p> </div> </footer> <script src="/assets/js/bootstrap.min.js" async></script> |