How do I copy an icon class?

Simply click on any icon and its class name will be automatically copied to your clipboard. You can then paste it into your HTML code using Ctrl+V (Windows/Linux) or Cmd+V (Mac).

How do I use FontAwesome icons in my project?

First, include the FontAwesome CSS file in your HTML. Then use the copied class name in an tag like this: . Make sure to include both the style class (fa-solid, fa-regular, or fa-brands) and the icon class.

What's the difference between Solid, Regular, and Brands?

Solid icons are filled and bold, Regular icons are outlined and lighter, and Brands icons are logos and brand symbols for companies and social media platforms.

Are all FontAwesome icons free?

This library includes all free FontAwesome icons. FontAwesome also offers a Pro version with additional icons and features, but all icons shown here are free to use.

Can I use these icons commercially?

Yes! FontAwesome free icons are licensed under CC BY 4.0 License and can be used in commercial projects. The FontAwesome font is licensed under SIL OFL 1.1 License.

How do I change the size of an icon?

FontAwesome provides size classes like fa-2x, fa-3x, fa-4x, fa-5x to scale icons. You can also use CSS to set custom sizes with font-size property.

How do I change the color of an icon?

FontAwesome icons inherit the text color from their parent element. You can change the color using CSS color property or utility classes from your CSS framework.

Can I use FontAwesome with React, Vue, or Angular?

Yes! FontAwesome provides official packages for React (@fortawesome/react-fontawesome), Vue, and Angular. Check the FontAwesome documentation for framework-specific installation instructions.

Is my data sent to a server?

No! This tool runs entirely in your browser. No data is sent to any server. All icon browsing and copying happens locally on your device.

Does this work offline?

Yes! Once the page is loaded, you can use the icon library completely offline. All icons and functionality are available without an internet connection.

FontAwesome Icon Library

145

icons

Note: To use these icons, include FontAwesome CSS in your HTML:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

FontAwesome Icon Library Tool Introduction

A comprehensive FontAwesome icon library featuring all free FontAwesome icons organized by category. Whether you're building a website, designing an interface, or creating a presentation, our icon reference makes it easy to find and copy any FontAwesome icon class instantly.

Perfect for web developers, UI/UX designers, front-end engineers, and anyone working with FontAwesome icons. Browse through categories like solid, regular, brands, and more to find the perfect icon for your project.

Our FontAwesome icon library includes detailed information for each icon, including its class name, Unicode code point, and visual preview. Simply click any icon to copy its class name to your clipboard, or use the search function to quickly find specific icons by name or keyword.

All icons are displayed with live previews, ensuring you can see exactly how they will appear in your project. The tool works completely offline once loaded, with no data sent to any server.

FontAwesome Icon Library User Guide

Getting Started

Using the FontAwesome Icon Library is simple and intuitive:

Basic Usage

Browse Categories: Click on any category tab to view icons in that style (Solid, Regular, Brands).
Search Icons: Use the search box to find icons by name or keyword. For example, search "user" to find all user-related icons.
Copy Icon Class: Click on any icon to instantly copy its class name to your clipboard. A confirmation message will appear.
View Details: Hover over an icon to see its name and class information.

Icon Categories

Solid: Filled solid icons for general use
Regular: Outlined regular icons for a lighter look
Brands: Brand and logo icons for social media and companies

How to Use FontAwesome Icons

Include FontAwesome: Add FontAwesome CSS to your HTML head: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
Add Icon: Use the copied class in an <i> tag: <i class="fa-solid fa-user"></i>
Customize: Add size and color classes as needed

Key Features

Complete Collection: All free FontAwesome icons in one place
Category Organization: Icons organized by style for easy browsing
Quick Search: Find icons instantly by name or keyword
One-Click Copy: Copy any icon class to clipboard with a single click
Live Preview: See exactly how icons will look in your project
Responsive Design: Works perfectly on desktop, tablet, and mobile devices
Offline Support: Use the tool without an internet connection once loaded

Tips & Tricks

Use the search function to quickly find icons when you know what you're looking for
Browse categories to discover new icons you might not have known existed
Remember to include FontAwesome CSS in your project before using icons
Use size classes like fa-2x, fa-3x to scale icons
Combine with color utilities from your CSS framework for custom styling

Related Tools

HTML Color Code Reference

Complete HTML color code reference with HEX, RGB, HSL values. Browse web-safe colors, named colors, and copy codes instantly for web development.

Lucide Icon Library

Complete Lucide icon reference with search, preview, and copy functionality. Browse beautiful open-source icons for modern web development and design projects.

ASCII Keycode Reference

Complete ASCII and keyboard keycode reference table. Find character codes, key codes, and special key values for web development and programming.

MIME Type Reference

Complete MIME type and file extension reference. Find correct MIME types for file uploads, HTTP headers, and content type declarations.

Common Spider User Agents

Complete reference of common web crawler and spider user agent strings. Identify search engine bots, scrapers, and automated tools accessing your website.

Random Password Generator

Generate strong, secure random passwords with customizable length and character types. Support bulk generation and password strength analysis.