Skip to content
ctas

Use Font Awesome in CTAs

Last updated: November 4, 2022

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.
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.
/knowledge/cta/how-do-i-use-font-awesome-in-my-cta