Use Font Awesome in CTAs

Last updated: October 4, 2023

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.

Was this article helpful?

This form is used for documentation feedback only. Learn how to get help with HubSpot.

Use Font Awesome in CTAs

Related content