Learn■Documentation■Tutorials■Font Awesome Icons

Font Awesome Icons

Learn how to use Font Awesome icons in Refoundry, including adding icons to headings, text, and buttons without plugins or custom code.

Last updated:

Description

In this tutorial, you’ll learn how to add and use Font Awesome icons in Refoundry to enhance headings, text, and buttons without plugins or custom code.

This tutorial will cover:

  • Browsing and selecting Font Awesome icons
  • Adding icons to headings, paragraphs, and buttons
  • Understanding how icon styles follow text and button styles
  • Adjusting icon appearance through layout and typography settings
  • Adding text with icons in buttons

Suggested videos:

Heading Styles

Reusable Component Block

Related resources:

Font Awesome Shortcodes | Refoundry

Button & Link Styles | Refoundry

Heading Block | Refoundry

Paragraph Block | Refoundry

Relate Resources

Keep exploring.

Explore more resources we’ve selected to help you dig deeper into topics that matter to your workflow.

View All Resources

  • Heading Styles

    Learn how heading levels and styles work independently in Refoundry, and how to transform…

  • Reusable Component Block

    Learn how reusable components work in Refoundry, including global editing, local overrides, and reusing…

  • Flex Alignment

    Learn how to use flex alignment settings in Refoundry to control how content is…

Ready to take the next step?

Put your learning into action.

Whether you’re exploring on your own or want guided support, Refoundry makes it easy to start building smarter today.

Get Started FreeBook a Demo