Note: The markup that can be copied to your clipboard from this page is utilizing the latest Bootstrap 5.2.2 library markup. If your project is currently using the previous Bootstrap 4.6.2 library, you must replace any "data-bs-" attribute with "data-". The "-bs" attribute addition applies to Boostrap 5.2.2 only so as to not collide with other Javascript frameworks that may also utilize "data" attributes.




Example: Button Icons
Copy
                                    
                                    <ul class="btn-icons">
<li><a href="#" target="_self" class="btn-icon noprint"><i class="fa-solid fa-circle-info tooltips" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-original-title="Info"></i></a></li>
<li><a href="#" target="_self" class="btn-icon noprint"><i class="fa-solid fa-pencil tooltips" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-original-title="Edit"></i></a></li>
<li><a href="#" target="_self" class="btn-icon noprint"><i class="fa-solid fa-xmark tooltips" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-original-title="Delete"></i></a></li>
</ul>



Example: Available Button Icons
Copy
                                    
                                    <a href="#" target="_self" class="btn-icon noprint"><i class="fa-solid fa-circle-info tooltips" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-original-title="Info"></i></a>
<a href="#" target="_self" class="btn-icon noprint"><i class="fa-solid fa-rotate tooltips" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-original-title="Refresh"></i></a>
<a href="#" target="_self" class="btn-icon noprint"><i class="fa-solid fa-plus tooltips" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-original-title="Add"></i></a>
<a href="#" target="_self" class="btn-icon noprint"><i class="fa-solid fa-pencil tooltips" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-original-title="Edit"></i></a>
<a href="#" target="_self" class="btn-icon noprint"><i class="fa-solid fa-xmark tooltips" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-original-title="Delete"></i></a>
<a href="#" target="_self" class="btn-icon noprint"><i class="fa-solid fa-trash tooltips" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-original-title="Delete"></i></a>
<a href="#" target="_self" class="btn-icon noprint"><i class="fa-solid fa-filter tooltips" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-original-title="Filter"></i></a>
<a href="#" target="_self" class="btn-icon noprint"><i class="fa-solid fa-cog tooltips" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-original-title="Configure"></i></a>
<a href="#" target="_self" class="btn-icon noprint"><i class="fa-solid fa-circle-arrow-right tooltips" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-original-title="Run"></i></a>
<a href="#" target="_self" class="btn-icon warning noprint"><i class="fa-solid fa-exclamation-triangle tooltips" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-original-title="Warning"></i></a>
<a href="#" target="_self" class="btn-icon danger noprint"><i class="fa-solid fa-exclamation-circle tooltips" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-original-title="Failure"></i></a>
<a href="#" target="_self" class="btn-icon noprint"><i class="fa-solid fa-share-square tooltips" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-original-title="Export"></i></a>
<a href="#" target="_self" class="btn-icon noprint"><i class="fa-solid fa-envelope tooltips" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-original-title="Email"></i></a>
<a href="#" target="_self" class="btn-icon noprint"><i class="fa-solid fa-magnifying-glass tooltips" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-original-title="Search"></i></a>
<a href="#" target="_self" class="btn-icon noprint"><i class="fa-solid fa-link tooltips" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-original-title="Link"></i></a>
<a href="#" target="_self" class="btn-icon noprint"><i class="fa-solid fa-user-plus tooltips" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-original-title="Add User"></i></a>
<a href="#" target="_self" class="btn-icon noprint"><i class="fa-solid fa-print tooltips" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-original-title="Print"></i></a>
<a href="#" target="_self" class="btn-icon noprint"><i class="fa-solid fa-circle-question tooltips" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-original-title="Help"></i></a>


© Interactive Brokers LLC