CTAs

Use Font Awesome in CTAs

Last updated: November 19, 2019

Applies to:

Marketing Hub  Professional, Enterprise
Legacy Marketing Hub Basic

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 CTAor 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="fa-twitter fa"></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.
/cta/how-do-i-use-font-awesome-in-my-cta?hs_ungate__cos_renderer_combine_all_css_disable=true&hsSkipCache=true