Icon link

Quickly create stylized hyperlinks with Bootstrap Icons or other icons.

Icon link on Bootstrap

Take a regular <a> element, add .icon-link, and insert an icon on either the left or right of your link text. The icon is automatically sized, placed, and colored.

<a class="mb-3 icon-link" href="#!">
  <span class="bi fas fa-link"></span>
  Icon link
<br />
<a class="icon-link" href="#!">
  Icon link
  <span class="bi fas fa-chevron-right"></span>
Style on hover

Add .icon-link-hover to move the icon to the right on hover.

<a class="icon-link icon-link-hover" href="#!">
  Icon link
  <span class="bi fas fa-chevron-right"></span>

Thank you for creating with Falcon |
2023 © Themewagon



Set your own customized style

Color Scheme

Choose the perfect color mode for your app.

RTL Mode

Switch your language direction

RTL Documentation

Fluid Layout

Toggle container layout system

Fluid Documentation

Navigation Position

Select a suitable navigation system for your web application

Vertical Navbar Style

Switch between styles for your vertical navbar

See Documentation

Like What You See?

Get Falcon now and create beautiful dashboards with hundreds of widgets.