After installing Font Awesome in HubSpot, you can use Font Awesome in your CTAs.
- In your HubSpot account, navigate to Marketing > Lead Capture > CTAs.
- In the upper right, click Create CTA, or hover over an existing CTA and click the Actions dropdown menu and select Edit.
- In the right panel, rich text editor, click the source code icon code.
Please note: <i class=...> elements cannot be used with the source code of HubSpot's rich text editors. When you are implementing Font Awesome icons, it's recommended to use <span> tags as noted in the example below.
<h2>Font Awesome Icons Example</h2>
<ul class="fa-ul">
<li><span class="fab fa-twitter"></span>Twitter Icon</li>
<li><span class="fa-list-ul fa"></span>List Icon</li>
<li><span class="fa fa-camera-retro fa-lg fa"></span>Camera Icon</li>
</ul>
- Enter your code for your Font Awesome icon along with any text, and then click Save changes.
- Click Next, then click Save.
