Use Font Awesome in CTAs

Last updated: October 13, 2020

Applies to:

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.

Use Font Awesome in CTAs

Applies to:

Related content

Partition your HubSpot assets

Add videos to your HubSpot content

Get started with calls-to-action (CTAs)