Icon link

Quickly create stylized hyperlinks with Bootstrap Icons or other icons.

Icon link on Bootstrap
Example

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
</a>
<br />
<a class="icon-link" href="#!">
  Icon link
  <span class="bi fas fa-chevron-right"></span>
</a>
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>
</a>

Thank you for creating with Falcon |
2024 © Themewagon

v3.22.0

Settings

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.

Purchase
customize