diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 1387 |
1 files changed, 1379 insertions, 8 deletions
diff --git a/index.html b/index.html index 33311c8a9..0beaf5889 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.98.0"> +<meta name="generator" content="Hugo 0.101.0"> <link rel="canonical" href="https://icons.getbootstrap.com/"> @@ -165,7 +165,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.8.3">v1.8.3</a> + Currently <a href="https://github.com/twbs/icons/releases/tag/v1.9.0">v1.9.0</a> <span class="px-1">•</span> <a href="#icons">Icons</a> <span class="px-1">•</span> @@ -196,6 +196,46 @@ </div> <ul class="row row-cols-3 row-cols-sm-4 row-cols-lg-6 row-cols-xl-8 list-unstyled list"> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/1-circle/"> + <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#1-circle"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">1-circle</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/1-circle-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#1-circle-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">1-circle-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/1-square/"> + <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#1-square"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">1-square</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/1-square-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#1-square-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">1-square-fill</div> + </a> + </li> <li class="col mb-4" data-tags="numbers" data-categories="typography"> <a class="d-block text-dark text-decoration-none" href="/icons/123/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -206,6 +246,326 @@ <div class="name text-muted text-decoration-none text-center pt-1">123</div> </a> </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/2-circle/"> + <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#2-circle"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">2-circle</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/2-circle-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#2-circle-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">2-circle-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/2-square/"> + <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#2-square"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">2-square</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/2-square-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#2-square-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">2-square-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/3-circle/"> + <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#3-circle"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">3-circle</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/3-circle-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#3-circle-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">3-circle-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/3-square/"> + <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#3-square"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">3-square</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/3-square-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#3-square-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">3-square-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/4-circle/"> + <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#4-circle"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">4-circle</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/4-circle-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#4-circle-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">4-circle-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/4-square/"> + <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#4-square"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">4-square</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/4-square-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#4-square-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">4-square-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/5-circle/"> + <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#5-circle"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">5-circle</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/5-circle-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#5-circle-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">5-circle-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/5-square/"> + <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#5-square"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">5-square</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/5-square-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#5-square-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">5-square-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/6-circle/"> + <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#6-circle"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">6-circle</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/6-circle-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#6-circle-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">6-circle-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/6-square/"> + <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#6-square"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">6-square</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/6-square-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#6-square-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">6-square-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/7-circle/"> + <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#7-circle"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">7-circle</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/7-circle-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#7-circle-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">7-circle-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/7-square/"> + <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#7-square"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">7-square</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/7-square-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#7-square-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">7-square-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/8-circle/"> + <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#8-circle"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">8-circle</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/8-circle-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#8-circle-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">8-circle-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/8-square/"> + <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#8-square"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">8-square</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/8-square-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#8-square-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">8-square-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/9-circle/"> + <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#9-circle"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">9-circle</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/9-circle-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#9-circle-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">9-circle-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/9-square/"> + <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#9-square"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">9-square</div> + </a> + </li> + <li class="col mb-4" data-tags="number numeral" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/9-square-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#9-square-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">9-square-fill</div> + </a> + </li> <li class="col mb-4" data-tags="pulse heartbeat rhythm" data-categories="data"> <a class="d-block text-dark text-decoration-none" href="/icons/activity/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -216,6 +576,46 @@ <div class="name text-muted text-decoration-none text-center pt-1">activity</div> </a> </li> + <li class="col mb-4" data-tags="flight flying plane air airport" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/airplane/"> + <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#airplane"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">airplane</div> + </a> + </li> + <li class="col mb-4" data-tags="flight flying plane air airport" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/airplane-engines/"> + <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#airplane-engines"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">airplane-engines</div> + </a> + </li> + <li class="col mb-4" data-tags="flight flying plane air airport" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/airplane-engines-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#airplane-engines-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">airplane-engines-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="flight flying plane air airport" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/airplane-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#airplane-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">airplane-fill</div> + </a> + </li> <li class="col mb-4" data-tags="alarm clock time" data-categories="devices"> <a class="d-block text-dark text-decoration-none" href="/icons/alarm/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -236,6 +636,16 @@ <div class="name text-muted text-decoration-none text-center pt-1">alarm-fill</div> </a> </li> + <li class="col mb-4"> + <a class="d-block text-dark text-decoration-none" href="/icons/alexa/"> + <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#alexa"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">alexa</div> + </a> + </li> <li class="col mb-4" data-tags="space align distribute" data-categories="graphics"> <a class="d-block text-dark text-decoration-none" href="/icons/align-bottom/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -296,6 +706,16 @@ <div class="name text-muted text-decoration-none text-center pt-1">align-top</div> </a> </li> + <li class="col mb-4" data-tags="payments" data-categories="brand"> + <a class="d-block text-dark text-decoration-none" href="/icons/alipay/"> + <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#alipay"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">alipay</div> + </a> + </li> <li class="col mb-4" data-tags="key alt option" data-categories="ui and keyboard"> <a class="d-block text-dark text-decoration-none" href="/icons/alt/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -306,6 +726,26 @@ <div class="name text-muted text-decoration-none text-center pt-1">alt</div> </a> </li> + <li class="col mb-4" data-tags="google droid" data-categories="brand"> + <a class="d-block text-dark text-decoration-none" href="/icons/android/"> + <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#android"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">android</div> + </a> + </li> + <li class="col mb-4" data-tags="google droid" data-categories="brand"> + <a class="d-block text-dark text-decoration-none" href="/icons/android2/"> + <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#android2"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">android2</div> + </a> + </li> <li class="col mb-4" data-tags="app application ios android square" data-categories="apps"> <a class="d-block text-dark text-decoration-none" href="/icons/app/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -2427,6 +2867,16 @@ </a> </li> <li class="col mb-4" data-tags="cardboard package" data-categories="real world"> + <a class="d-block text-dark text-decoration-none" href="/icons/box-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#box-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">box-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="cardboard package" data-categories="real world"> <a class="d-block text-dark text-decoration-none" href="/icons/box-seam/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> <svg class="bi" width="1em" height="1em" fill="currentColor"> @@ -2436,6 +2886,16 @@ <div class="name text-muted text-decoration-none text-center pt-1">box-seam</div> </a> </li> + <li class="col mb-4" data-tags="cardboard package" data-categories="real world"> + <a class="d-block text-dark text-decoration-none" href="/icons/box-seam-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#box-seam-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">box-seam-fill</div> + </a> + </li> <li class="col mb-4" data-tags="cardboard package cube" data-categories="real world"> <a class="d-block text-dark text-decoration-none" href="/icons/box2/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -2636,6 +3096,46 @@ <div class="name text-muted text-decoration-none text-center pt-1">broadcast-pin</div> </a> </li> + <li class="col mb-4" data-tags="google webkit blink" data-categories="brands"> + <a class="d-block text-dark text-decoration-none" href="/icons/browser-chrome/"> + <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#browser-chrome"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">browser-chrome</div> + </a> + </li> + <li class="col mb-4" data-tags="microsoft webkit" data-categories="brands"> + <a class="d-block text-dark text-decoration-none" href="/icons/browser-edge/"> + <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#browser-edge"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">browser-edge</div> + </a> + </li> + <li class="col mb-4" data-tags="gecko" data-categories="brands"> + <a class="d-block text-dark text-decoration-none" href="/icons/browser-firefox/"> + <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#browser-firefox"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">browser-firefox</div> + </a> + </li> + <li class="col mb-4" data-tags="webkit apple" data-categories="brands"> + <a class="d-block text-dark text-decoration-none" href="/icons/browser-safari/"> + <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#browser-safari"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">browser-safari</div> + </a> + </li> <li class="col mb-4" data-tags="paint art" data-categories="tools"> <a class="d-block text-dark text-decoration-none" href="/icons/brush/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -2716,6 +3216,46 @@ <div class="name text-muted text-decoration-none text-center pt-1">bullseye</div> </a> </li> + <li class="col mb-4" data-tags="copyright" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/c-circle/"> + <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#c-circle"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">c-circle</div> + </a> + </li> + <li class="col mb-4" data-tags="copyright" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/c-circle-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#c-circle-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">c-circle-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="copyright" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/c-square/"> + <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#c-square"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">c-square</div> + </a> + </li> + <li class="col mb-4" data-tags="copyright" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/c-square-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#c-square-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">c-square-fill</div> + </a> + </li> <li class="col mb-4" data-tags="calculator math" data-categories="devices"> <a class="d-block text-dark text-decoration-none" href="/icons/calculator/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -3446,6 +3986,46 @@ <div class="name text-muted text-decoration-none text-center pt-1">capslock-fill</div> </a> </li> + <li class="col mb-4" data-tags="rx pills capsules medicine" data-categories="medical"> + <a class="d-block text-dark text-decoration-none" href="/icons/capsule/"> + <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#capsule"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">capsule</div> + </a> + </li> + <li class="col mb-4" data-tags="rx pills capsules medicine" data-categories="medical"> + <a class="d-block text-dark text-decoration-none" href="/icons/capsule-pill/"> + <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#capsule-pill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">capsule-pill</div> + </a> + </li> + <li class="col mb-4" data-tags="automobile automotive auto sedan drive driving" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/car-front/"> + <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#car-front"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">car-front</div> + </a> + </li> + <li class="col mb-4" data-tags="automobile automotive auto sedan drive driving" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/car-front-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#car-front-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">car-front-fill</div> + </a> + </li> <li class="col mb-4" data-tags="note card notecard" data-categories="files and folders"> <a class="d-block text-dark text-decoration-none" href="/icons/card-checklist/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -3816,6 +4396,26 @@ <div class="name text-muted text-decoration-none text-center pt-1">cash-stack</div> </a> </li> + <li class="col mb-4" data-tags="tape music audio" data-categories="media"> + <a class="d-block text-dark text-decoration-none" href="/icons/cassette/"> + <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#cassette"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">cassette</div> + </a> + </li> + <li class="col mb-4" data-tags="tape music audio" data-categories="media"> + <a class="d-block text-dark text-decoration-none" href="/icons/cassette-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#cassette-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">cassette-fill</div> + </a> + </li> <li class="col mb-4" data-tags="airplay project stream display" data-categories="media"> <a class="d-block text-dark text-decoration-none" href="/icons/cast/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -3826,6 +4426,46 @@ <div class="name text-muted text-decoration-none text-center pt-1">cast</div> </a> </li> + <li class="col mb-4" data-tags="creative commons" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/cc-circle/"> + <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#cc-circle"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">cc-circle</div> + </a> + </li> + <li class="col mb-4" data-tags="creative commons" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/cc-circle-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#cc-circle-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">cc-circle-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="creative commons" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/cc-square/"> + <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#cc-square"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">cc-square</div> + </a> + </li> + <li class="col mb-4" data-tags="creative commons" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/cc-square-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#cc-square-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">cc-square-fill</div> + </a> + </li> <li class="col mb-4" data-tags="chat bubble text message" data-categories="communications"> <a class="d-block text-dark text-decoration-none" href="/icons/chat/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -5696,6 +6336,26 @@ <div class="name text-muted text-decoration-none text-center pt-1">cup-fill</div> </a> </li> + <li class="col mb-4" data-tags="mug steam coffee tea" data-categories="real world"> + <a class="d-block text-dark text-decoration-none" href="/icons/cup-hot/"> + <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#cup-hot"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">cup-hot</div> + </a> + </li> + <li class="col mb-4" data-tags="mug steam coffee tea" data-categories="real world"> + <a class="d-block text-dark text-decoration-none" href="/icons/cup-hot-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#cup-hot-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">cup-hot-fill</div> + </a> + </li> <li class="col mb-4" data-tags="mug glass drink" data-categories="real world"> <a class="d-block text-dark text-decoration-none" href="/icons/cup-straw/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -5757,6 +6417,16 @@ </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-rupee/"> + <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-rupee"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">currency-rupee</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"> @@ -6286,6 +6956,16 @@ <div class="name text-muted text-decoration-none text-center pt-1">dribbble</div> </a> </li> + <li class="col mb-4" data-tags="dropbox" data-categories="brand"> + <a class="d-block text-dark text-decoration-none" href="/icons/dropbox/"> + <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#dropbox"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">dropbox</div> + </a> + </li> <li class="col mb-4" data-tags="water-drop paint ink liquid" data-categories="graphics"> <a class="d-block text-dark text-decoration-none" href="/icons/droplet/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -6956,6 +7636,16 @@ <div class="name text-muted text-decoration-none text-center pt-1">eraser-fill</div> </a> </li> + <li class="col mb-4" data-tags="esc quit exit" data-categories="ui and keyboard"> + <a class="d-block text-dark text-decoration-none" href="/icons/escape/"> + <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#escape"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">escape</div> + </a> + </li> <li class="col mb-4" data-tags="internet connection port plug" data-categories="devices"> <a class="d-block text-dark text-decoration-none" href="/icons/ethernet/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -7196,6 +7886,66 @@ <div class="name text-muted text-decoration-none text-center pt-1">fan</div> </a> </li> + <li class="col mb-4" data-tags="audio video av" data-categories="media"> + <a class="d-block text-dark text-decoration-none" href="/icons/fast-forward/"> + <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#fast-forward"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">fast-forward</div> + </a> + </li> + <li class="col mb-4" data-tags="audio video av" data-categories="media"> + <a class="d-block text-dark text-decoration-none" href="/icons/fast-forward-btn/"> + <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#fast-forward-btn"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">fast-forward-btn</div> + </a> + </li> + <li class="col mb-4" data-tags="audio video av" data-categories="media"> + <a class="d-block text-dark text-decoration-none" href="/icons/fast-forward-btn-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#fast-forward-btn-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">fast-forward-btn-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="audio video av" data-categories="media"> + <a class="d-block text-dark text-decoration-none" href="/icons/fast-forward-circle/"> + <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#fast-forward-circle"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">fast-forward-circle</div> + </a> + </li> + <li class="col mb-4" data-tags="audio video av" data-categories="media"> + <a class="d-block text-dark text-decoration-none" href="/icons/fast-forward-circle-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#fast-forward-circle-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">fast-forward-circle-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="audio video av" data-categories="media"> + <a class="d-block text-dark text-decoration-none" href="/icons/fast-forward-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#fast-forward-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">fast-forward-fill</div> + </a> + </li> <li class="col mb-4" data-tags="doc document" data-categories="files and folders"> <a class="d-block text-dark text-decoration-none" href="/icons/file/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -8866,6 +9616,16 @@ <div class="name text-muted text-decoration-none text-center pt-1">filetype-sh</div> </a> </li> + <li class="col mb-4" data-tags="file file type extension mysql" data-categories="files and folders"> + <a class="d-block text-dark text-decoration-none" href="/icons/filetype-sql/"> + <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#filetype-sql"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">filetype-sql</div> + </a> + </li> <li class="col mb-4" data-tags="file file type extension code" data-categories="files and folders"> <a class="d-block text-dark text-decoration-none" href="/icons/filetype-svg/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -9066,6 +9826,16 @@ <div class="name text-muted text-decoration-none text-center pt-1">fingerprint</div> </a> </li> + <li class="col mb-4" data-tags="burning smoke" data-categories="real world"> + <a class="d-block text-dark text-decoration-none" href="/icons/fire/"> + <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#fire"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">fire</div> + </a> + </li> <li class="col mb-4" data-tags="report" data-categories="communications"> <a class="d-block text-dark text-decoration-none" href="/icons/flag/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -9496,6 +10266,16 @@ <div class="name text-muted text-decoration-none text-center pt-1">google</div> </a> </li> + <li class="col mb-4" data-tags="app store apps store android" data-categories="brand"> + <a class="d-block text-dark text-decoration-none" href="/icons/google-play/"> + <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#google-play"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">google-play</div> + </a> + </li> <li class="col mb-4" data-tags="video output graphics" data-categories="devices"> <a class="d-block text-dark text-decoration-none" href="/icons/gpu-card/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -9666,6 +10446,46 @@ <div class="name text-muted text-decoration-none text-center pt-1">grip-vertical</div> </a> </li> + <li class="col mb-4" data-tags="hospital helicopter" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/h-circle/"> + <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#h-circle"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">h-circle</div> + </a> + </li> + <li class="col mb-4" data-tags="hospital helicopter" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/h-circle-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#h-circle-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">h-circle-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="hospital helicopter" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/h-square/"> + <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#h-square"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">h-square</div> + </a> + </li> + <li class="col mb-4" data-tags="hospital helicopter" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/h-square-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#h-square-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">h-square-fill</div> + </a> + </li> <li class="col mb-4" data-tags="tool" data-categories="tools"> <a class="d-block text-dark text-decoration-none" href="/icons/hammer/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -10306,6 +11126,16 @@ <div class="name text-muted text-decoration-none text-center pt-1">incognito</div> </a> </li> + <li class="col mb-4" data-tags="tab indent" data-categories="ui and keyboard"> + <a class="d-block text-dark text-decoration-none" href="/icons/indent/"> + <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#indent"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">indent</div> + </a> + </li> <li class="col mb-4" data-tags="math infinite" data-categories="typography"> <a class="d-block text-dark text-decoration-none" href="/icons/infinity/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -11116,6 +11946,26 @@ <div class="name text-muted text-decoration-none text-center pt-1">lock-fill</div> </a> </li> + <li class="col mb-4" data-tags="medicine health breathing" data-categories="medical"> + <a class="d-block text-dark text-decoration-none" href="/icons/lungs/"> + <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#lungs"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">lungs</div> + </a> + </li> + <li class="col mb-4" data-tags="medicine health breathing" data-categories="medical"> + <a class="d-block text-dark text-decoration-none" href="/icons/lungs-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#lungs-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">lungs-fill</div> + </a> + </li> <li class="col mb-4" data-tags="magic stick" data-categories="real world"> <a class="d-block text-dark text-decoration-none" href="/icons/magic/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -11416,6 +12266,16 @@ <div class="name text-muted text-decoration-none text-center pt-1">microsoft</div> </a> </li> + <li class="col mb-4" data-tags="social messaging" data-categories="brand"> + <a class="d-block text-dark text-decoration-none" href="/icons/microsoft-teams/"> + <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#microsoft-teams"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">microsoft-teams</div> + </a> + </li> <li class="col mb-4" data-tags="mining cart" data-categories="real world"> <a class="d-block text-dark text-decoration-none" href="/icons/minecart/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -11806,6 +12666,46 @@ <div class="name text-muted text-decoration-none text-center pt-1">outlet</div> </a> </li> + <li class="col mb-4" data-tags="parking" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/p-circle/"> + <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#p-circle"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">p-circle</div> + </a> + </li> + <li class="col mb-4" data-tags="parking" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/p-circle-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#p-circle-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">p-circle-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="parking" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/p-square/"> + <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#p-square"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">p-square</div> + </a> + </li> + <li class="col mb-4" data-tags="parking" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/p-square-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#p-square-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">p-square-fill</div> + </a> + </li> <li class="col mb-4" data-tags="color paint fill palette" data-categories="graphics"> <a class="d-block text-dark text-decoration-none" href="/icons/paint-bucket/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -11866,6 +12766,26 @@ <div class="name text-muted text-decoration-none text-center pt-1">paragraph</div> </a> </li> + <li class="col mb-4"> + <a class="d-block text-dark text-decoration-none" href="/icons/pass/"> + <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#pass"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">pass</div> + </a> + </li> + <li class="col mb-4"> + <a class="d-block text-dark text-decoration-none" href="/icons/pass-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#pass-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">pass-fill</div> + </a> + </li> <li class="col mb-4" data-tags="verified checkmark certified" data-categories="badges"> <a class="d-block text-dark text-decoration-none" href="/icons/patch-check/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -12926,6 +13846,26 @@ <div class="name text-muted text-decoration-none text-center pt-1">power</div> </a> </li> + <li class="col mb-4" data-tags="rx pills capsules medicine" data-categories="medical"> + <a class="d-block text-dark text-decoration-none" href="/icons/prescription/"> + <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#prescription"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">prescription</div> + </a> + </li> + <li class="col mb-4" data-tags="rx pills capsules medicine" data-categories="medical"> + <a class="d-block text-dark text-decoration-none" href="/icons/prescription2/"> + <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#prescription2"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">prescription2</div> + </a> + </li> <li class="col mb-4" data-tags="print" data-categories="devices"> <a class="d-block text-dark text-decoration-none" href="/icons/printer/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -13126,6 +14066,46 @@ <div class="name text-muted text-decoration-none text-center pt-1">quote</div> </a> </li> + <li class="col mb-4" data-tags="registered trademark" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/r-circle/"> + <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#r-circle"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">r-circle</div> + </a> + </li> + <li class="col mb-4" data-tags="registered trademark" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/r-circle-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#r-circle-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">r-circle-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="registered trademark" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/r-square/"> + <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#r-square"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">r-square</div> + </a> + </li> + <li class="col mb-4" data-tags="registered trademark" data-categories="shapes"> + <a class="d-block text-dark text-decoration-none" href="/icons/r-square-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#r-square-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">r-square-fill</div> + </a> + </li> <li class="col mb-4" data-tags="radiation nuclear danger" data-categories="real world"> <a class="d-block text-dark text-decoration-none" href="/icons/radioactive/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -13316,6 +14296,26 @@ <div class="name text-muted text-decoration-none text-center pt-1">reddit</div> </a> </li> + <li class="col mb-4" data-tags="audio video av" data-categories="media"> + <a class="d-block text-dark text-decoration-none" href="/icons/repeat/"> + <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#repeat"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">repeat</div> + </a> + </li> + <li class="col mb-4" data-tags="audio video av" data-categories="media"> + <a class="d-block text-dark text-decoration-none" href="/icons/repeat-1/"> + <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#repeat-1"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">repeat-1</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"> @@ -13356,6 +14356,66 @@ <div class="name text-muted text-decoration-none text-center pt-1">reply-fill</div> </a> </li> + <li class="col mb-4" data-tags="audio video av" data-categories="media"> + <a class="d-block text-dark text-decoration-none" href="/icons/rewind/"> + <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#rewind"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">rewind</div> + </a> + </li> + <li class="col mb-4" data-tags="audio video av" data-categories="media"> + <a class="d-block text-dark text-decoration-none" href="/icons/rewind-btn/"> + <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#rewind-btn"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">rewind-btn</div> + </a> + </li> + <li class="col mb-4" data-tags="audio video av" data-categories="media"> + <a class="d-block text-dark text-decoration-none" href="/icons/rewind-btn-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#rewind-btn-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">rewind-btn-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="audio video av" data-categories="media"> + <a class="d-block text-dark text-decoration-none" href="/icons/rewind-circle/"> + <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#rewind-circle"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">rewind-circle</div> + </a> + </li> + <li class="col mb-4" data-tags="audio video av" data-categories="media"> + <a class="d-block text-dark text-decoration-none" href="/icons/rewind-circle-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#rewind-circle-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">rewind-circle-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="audio video av" data-categories="media"> + <a class="d-block text-dark text-decoration-none" href="/icons/rewind-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#rewind-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">rewind-fill</div> + </a> + </li> <li class="col mb-4" data-tags="bot" data-categories="devices"> <a class="d-block text-dark text-decoration-none" href="/icons/robot/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -13966,6 +15026,146 @@ <div class="name text-muted text-decoration-none text-center pt-1">shuffle</div> </a> </li> + <li class="col mb-4" data-tags="stop sign intersection road driving" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/sign-stop/"> + <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#sign-stop"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">sign-stop</div> + </a> + </li> + <li class="col mb-4" data-tags="stop sign intersection road driving" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/sign-stop-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#sign-stop-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">sign-stop-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="stop sign intersection road driving" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/sign-stop-lights/"> + <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#sign-stop-lights"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">sign-stop-lights</div> + </a> + </li> + <li class="col mb-4" data-tags="stop sign intersection road driving" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/sign-stop-lights-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#sign-stop-lights-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">sign-stop-lights-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="road driving navigate navigation route" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/sign-turn-left/"> + <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#sign-turn-left"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">sign-turn-left</div> + </a> + </li> + <li class="col mb-4" data-tags="road driving navigate navigation route" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/sign-turn-left-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#sign-turn-left-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">sign-turn-left-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="road driving navigate navigation route" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/sign-turn-right/"> + <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#sign-turn-right"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">sign-turn-right</div> + </a> + </li> + <li class="col mb-4" data-tags="road driving navigate navigation route" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/sign-turn-right-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#sign-turn-right-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">sign-turn-right-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="road driving navigate navigation route" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/sign-turn-slight-left/"> + <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#sign-turn-slight-left"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">sign-turn-slight-left</div> + </a> + </li> + <li class="col mb-4" data-tags="road driving navigate navigation route" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/sign-turn-slight-left-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#sign-turn-slight-left-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">sign-turn-slight-left-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="road driving navigate navigation route" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/sign-turn-slight-right/"> + <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#sign-turn-slight-right"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">sign-turn-slight-right</div> + </a> + </li> + <li class="col mb-4" data-tags="road driving navigate navigation route" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/sign-turn-slight-right-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#sign-turn-slight-right-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">sign-turn-slight-right-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="road driving intersection" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/sign-yield/"> + <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#sign-yield"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">sign-yield</div> + </a> + </li> + <li class="col mb-4" data-tags="road driving intersection" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/sign-yield-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#sign-yield-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">sign-yield-fill</div> + </a> + </li> <li class="col mb-4" data-tags="social" data-categories="brand"> <a class="d-block text-dark text-decoration-none" href="/icons/signal/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -15706,6 +16906,66 @@ <div class="name text-muted text-decoration-none text-center pt-1">tornado</div> </a> </li> + <li class="col mb-4" data-tags="transit public rail" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/train-freight-front/"> + <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#train-freight-front"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">train-freight-front</div> + </a> + </li> + <li class="col mb-4" data-tags="transit public rail" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/train-freight-front-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#train-freight-front-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">train-freight-front-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="transit public rail" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/train-front/"> + <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#train-front"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">train-front</div> + </a> + </li> + <li class="col mb-4" data-tags="transit public rail" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/train-front-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#train-front-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">train-front-fill</div> + </a> + </li> + <li class="col mb-4" data-tags="transit public rail" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/train-lightrail-front/"> + <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#train-lightrail-front"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">train-lightrail-front</div> + </a> + </li> + <li class="col mb-4" data-tags="transit public rail" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/train-lightrail-front-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#train-lightrail-front-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">train-lightrail-front-fill</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"> @@ -15876,6 +17136,26 @@ <div class="name text-muted text-decoration-none text-center pt-1">truck-flatbed</div> </a> </li> + <li class="col mb-4" data-tags="vehicle shipping transit haul freight" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/truck-front/"> + <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#truck-front"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">truck-front</div> + </a> + </li> + <li class="col mb-4" data-tags="vehicle shipping transit haul freight" data-categories="transportation"> + <a class="d-block text-dark text-decoration-none" href="/icons/truck-front-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#truck-front-fill"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">truck-front-fill</div> + </a> + </li> <li class="col mb-4" data-tags="wave" data-categories="weather"> <a class="d-block text-dark text-decoration-none" href="/icons/tsunami/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -16006,6 +17286,16 @@ <div class="name text-muted text-decoration-none text-center pt-1">type-underline</div> </a> </li> + <li class="col mb-4" data-tags="linux distro" data-categories="brand"> + <a class="d-block text-dark text-decoration-none" href="/icons/ubuntu/"> + <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#ubuntu"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">ubuntu</div> + </a> + </li> <li class="col mb-4" data-tags="checkbox form" data-categories="controls"> <a class="d-block text-dark text-decoration-none" href="/icons/ui-checks/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -16066,6 +17356,16 @@ <div class="name text-muted text-decoration-none text-center pt-1">umbrella-fill</div> </a> </li> + <li class="col mb-4" data-tags="tab indent" data-categories="ui and keyboard"> + <a class="d-block text-dark text-decoration-none" href="/icons/unindent/"> + <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#unindent"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">unindent</div> + </a> + </li> <li class="col mb-4" data-tags="graphics vector merge layers" data-categories="graphics"> <a class="d-block text-dark text-decoration-none" href="/icons/union/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -16076,6 +17376,36 @@ <div class="name text-muted text-decoration-none text-center pt-1">union</div> </a> </li> + <li class="col mb-4" data-tags="gaming" data-categories="brand"> + <a class="d-block text-dark text-decoration-none" href="/icons/unity/"> + <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#unity"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">unity</div> + </a> + </li> + <li class="col mb-4" data-tags="accessibility a11y" data-categories="ui and keyboard"> + <a class="d-block text-dark text-decoration-none" href="/icons/universal-access/"> + <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#universal-access"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">universal-access</div> + </a> + </li> + <li class="col mb-4" data-tags="accessibility a11y" data-categories="ui and keyboard"> + <a class="d-block text-dark text-decoration-none" href="/icons/universal-access-circle/"> + <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#universal-access-circle"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">universal-access-circle</div> + </a> + </li> <li class="col mb-4" data-tags="privacy security" data-categories="security"> <a class="d-block text-dark text-decoration-none" href="/icons/unlock/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -16336,6 +17666,26 @@ <div class="name text-muted text-decoration-none text-center pt-1">vinyl-fill</div> </a> </li> + <li class="col mb-4" data-tags="covid viral" data-categories="medical"> + <a class="d-block text-dark text-decoration-none" href="/icons/virus/"> + <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#virus"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">virus</div> + </a> + </li> + <li class="col mb-4" data-tags="covid viral" data-categories="medical"> + <a class="d-block text-dark text-decoration-none" href="/icons/virus2/"> + <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#virus2"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">virus2</div> + </a> + </li> <li class="col mb-4" data-tags="voicemail message telephone" data-categories="communications"> <a class="d-block text-dark text-decoration-none" href="/icons/voicemail/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -16506,6 +17856,16 @@ <div class="name text-muted text-decoration-none text-center pt-1">webcam-fill</div> </a> </li> + <li class="col mb-4" data-tags="social messaging" data-categories="brand"> + <a class="d-block text-dark text-decoration-none" href="/icons/wechat/"> + <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#wechat"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">wechat</div> + </a> + </li> <li class="col mb-4" data-tags="social facebook chat" data-categories="brand"> <a class="d-block text-dark text-decoration-none" href="/icons/whatsapp/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -16836,6 +18196,16 @@ <div class="name text-muted text-decoration-none text-center pt-1">xbox</div> </a> </li> + <li class="col mb-4" data-tags="social reviews" data-categories="brand"> + <a class="d-block text-dark text-decoration-none" href="/icons/yelp/"> + <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#yelp"/> + </svg> + </div> + <div class="name text-muted text-decoration-none text-center pt-1">yelp</div> + </a> + </li> <li class="col mb-4" data-tags="peace" data-categories="real world"> <a class="d-block text-dark text-decoration-none" href="/icons/yin-yang/"> <div class="p-3 py-4 mb-2 bg-light text-center rounded"> @@ -16884,9 +18254,10 @@ <p>Bootstrap Icons are published to npm, but they can also be manually downloaded if needed.</p> <div class="row my-4"> <div class="col-md-4"> -<h3 id="npm">npm</h3> -<p>Install <a href="https://www.npmjs.com/package/bootstrap-icons">Bootstrap Icons</a>—including SVGs, icon sprite, and icon fonts—with npm. Then, choose how you’d like to include the icons with the <a href="#usage">usage instructions</a>.</p> +<h3 id="package-manager">Package manager</h3> +<p>Install <a href="https://www.npmjs.com/package/bootstrap-icons">Bootstrap Icons</a>—including SVGs, icon sprite, and icon fonts—with npm or Composer. Then, choose how you’d like to include the icons with the <a href="#usage">usage instructions</a>.</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-sh" data-lang="sh"><span class="line"><span class="cl">npm i bootstrap-icons</span></span></code></pre></div> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-sh" data-lang="sh"><span class="line"><span class="cl">composer require twbs/bootstrap-icons</span></span></code></pre></div> </div> <div class="col-md-4"> @@ -16898,8 +18269,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 tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><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.8.3/font/bootstrap-icons.css"</span><span class="p">></span></span></span></code></pre></div> -<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><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.8.3/font/bootstrap-icons.css"</span><span class="o">)</span><span class="p">;</span></span></span></code></pre></div> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><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.9.0/font/bootstrap-icons.css"</span><span class="p">></span></span></span></code></pre></div> +<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><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.9.0/font/bootstrap-icons.css"</span><span class="o">)</span><span class="p">;</span></span></span></code></pre></div> </div> </div> @@ -16911,7 +18282,7 @@ <p>Embed your icons within the HTML of your page (as opposed to an external image file). Here we’ve used a custom <code>width</code> and <code>height</code>. </div> <div class="col-md-8"> - <div class="bd-example"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/></svg></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">svg</span> <span class="na">xmlns</span><span class="o">=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">width</span><span class="o">=</span><span class="s">"32"</span> <span class="na">height</span><span class="o">=</span><span class="s">"32"</span> <span class="na">fill</span><span class="o">=</span><span class="s">"currentColor"</span> <span class="na">class</span><span class="o">=</span><span class="s">"bi bi-chevron-right"</span> <span class="na">viewBox</span><span class="o">=</span><span class="s">"0 0 16 16"</span><span class="p">><</span><span class="nt">path</span> <span class="na">fill-rule</span><span class="o">=</span><span class="s">"evenodd"</span> <span class="na">d</span><span class="o">=</span><span class="s">"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"</span><span class="p">/></</span><span class="nt">svg</span><span class="p">></span></span></span></code></pre></div> + <div class="bd-example"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-heart-eyes" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M11.315 10.014a.5.5 0 0 1 .548.736A4.498 4.498 0 0 1 7.965 13a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .548-.736h.005l.017.005.067.015.252.055c.215.046.515.108.857.169.693.124 1.522.242 2.152.242.63 0 1.46-.118 2.152-.242a26.58 26.58 0 0 0 1.109-.224l.067-.015.017-.004.005-.002zM4.756 4.566c.763-1.424 4.02-.12.952 3.434-4.496-1.596-2.35-4.298-.952-3.434zm6.488 0c1.398-.864 3.544 1.838-.952 3.434-3.067-3.554.19-4.858.952-3.434z"/></svg></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">svg</span> <span class="na">xmlns</span><span class="o">=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">width</span><span class="o">=</span><span class="s">"16"</span> <span class="na">height</span><span class="o">=</span><span class="s">"16"</span> <span class="na">fill</span><span class="o">=</span><span class="s">"currentColor"</span> <span class="na">class</span><span class="o">=</span><span class="s">"bi bi-emoji-heart-eyes"</span> <span class="na">viewBox</span><span class="o">=</span><span class="s">"0 0 16 16"</span><span class="p">><</span><span class="nt">path</span> <span class="na">d</span><span class="o">=</span><span class="s">"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"</span><span class="p">/><</span><span class="nt">path</span> <span class="na">d</span><span class="o">=</span><span class="s">"M11.315 10.014a.5.5 0 0 1 .548.736A4.498 4.498 0 0 1 7.965 13a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .548-.736h.005l.017.005.067.015.252.055c.215.046.515.108.857.169.693.124 1.522.242 2.152.242.63 0 1.46-.118 2.152-.242a26.58 26.58 0 0 0 1.109-.224l.067-.015.017-.004.005-.002zM4.756 4.566c.763-1.424 4.02-.12.952 3.434-4.496-1.596-2.35-4.298-.952-3.434zm6.488 0c1.398-.864 3.544 1.838-.952 3.434-3.067-3.554.19-4.858.952-3.434z"</span><span class="p">/></</span><span class="nt">svg</span><span class="p">></span></span></span></code></pre></div> </div> </div> <div class="row my-4"> @@ -17065,7 +18436,7 @@ <li><a href="https://twitter.com/getbootstrap">Twitter</a></li> <li><a href="https://getbootstrap.com/docs/5.2/about/overview/">About</a></li> </ul> - <p>Currently <a href="https://github.com/twbs/icons/releases/tag/v1.8.3">v1.8.3</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.9.0">v1.9.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> |