Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.
There is a newer version of this package available.
See the version list below for details.
See the version list below for details.
1.- Add the style files: bootstrap.min.css, ionicons.min.css and bootstrap-iconpicker.min.css. Dotnet add package FontAwesome -version 3.2.1 For projects that support PackageReference, copy this XML node into the project file to reference the package.
For projects that support PackageReference, copy this XML node into the project file to reference the package.
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
Release Notes
Fixed relative font path
Dependencies
This package has no dependencies.
Used By
NuGet packages (6)
Showing the top 5 NuGet packages that depend on font-awesome:
Package | Downloads |
---|---|
Vault.js Part of Vault libraries set designed to enhance experience with latest UI frameworks. | |
blsComponents | |
BuildersOnlineWebCore Core files for UI project | |
ShutterPrism.MVC.FontAwsome Font Awesome MVC is a HTML extension that wraps the popular Font Awesome project into friendly Razor syntax. To start using the extension methods you'll need to include the namespace 'ShutterPrism.MVC.FontAwesome' in your web.config file. Then you will have access to the to create Font Awesome icons using the helper methods. @Html.FontAwesome().Icon(FontAwesome.FontAwesomeIcons.CameraRetro) | |
Calabonga.Owin.Application.Spa Single Page Application template for create a solution from scratch |
GitHub repositories (2)
Showing the top 2 popular GitHub repositories that depend on font-awesome:
Font Awesome 3 Icons
Repository | Stars |
---|---|
Nethereum/Nethereum | |
zhoufeihong/SimpleSSO 基于Microsoft.Owin.Security.OAuth实现OAuth 2.0所有应用场景,可集成单点登录功能 |
Version History
Version | Downloads | Last updated |
---|---|---|
4.7.0 | 260,764 | 11/21/2016 |
4.6.1 | 91,609 | 4/13/2016 |
4.5.0 | 36,995 | 2/28/2016 |
4.4.0 | 93,847 | 8/5/2015 |
4.3.0 | 109,115 | 1/24/2015 |
4.1.0 | 31,689 | 5/16/2014 |
4.0.3 | 16,391 | 11/6/2013 |
4.0.2 | 683 | 11/5/2013 |
4.0.1 | 3,502 | 10/28/2013 |
3.2.1.1 | 8,200 | 6/30/2013 |
3.2.0 | 747 | 6/14/2013 |
Description
The official way to use Font Awesome Free or Pro icons on your site, brought to you by the Font Awesome team.
New Plugin, Replacing an Old Plugin
This is a new, completely re-written plugin, tested with the latest WordPress and Font Awesome versions. It replaces the older plugin formerly occupying this space in the WordPress plugins directory, which was no longer being maintained. Many thanks to Rachel Baker and the team behind the former plugin for getting the original plugin started and allowing us to carry it forward.
Features
Fastcomputer 1 3. Our official plugin lets you use Font Awesome the way you want:
- Use Pro or Free icons.
- Leverage the latest release or a specific version of our icons.
- Choose the tech, either SVG or Web Font.
- Take your pick of loading your icons from our classic Font Awesome CDN, or use Font Awesome kits – the easiest and most robust way to use our icons on the web.
- And, if you haven’t had the chance to update your project in a long while, you can turn on automatic compatibility for Font Awesome Version 4.
![Font Awesome 3 2 1 Font Awesome 3 2 1](https://4.bp.blogspot.com/_w8BLipZDmNc/TR6MF0FXDOI/AAAAAAAAGP8/2E8SiyN29nU/s1600/403.jpg)
But that’s not all… our official plugin can troubleshoot and help you resolve when multiple versions of Font Awesome are loading on your site from other plugins/themes and causing display or technical issues.
Usage
Install and enable the plugin
(See the Installation tab for details)
(See the Installation tab for details)
Add icons to your pages and posts
Once you’ve set up your plugin, you add icons to your pages and posts by using their names in shortcodes or HTML.
Once you’ve set up your plugin, you add icons to your pages and posts by using their names in shortcodes or HTML.
When you use shortcodes, you add the name of the icon and a prefix, where the prefix is the style of icon you want to use. Note that you don’t need to include the
fa-
part of the name. And if you don’t include any prefix, the style will default to Solid.The shortcode for an icon looks like this:
Or you can use basic HTML with standard Font Awesome syntax: Cocktail 10 4 2 – general maintenance and optimization utility.
Using Pro Icons and Features
To enable Pro icons with the CDN, you will need to add your domain to the list allowed domains on your Font Awesome CDN Settings page. To configure a kit, get your API Token from your Font Awesome account page.
To enable Pro icons with the CDN, you will need to add your domain to the list allowed domains on your Font Awesome CDN Settings page. To configure a kit, get your API Token from your Font Awesome account page.
Troubleshooting with the Plugin
Font Awesome icons are popular, so lots of themes and plugins also load Font Awesome, and sometimes their version can conflict with yours. So we created a way to help you find and prevent those conflicting versions from affecting your icons: The Conflict Detection Scanner.
Font Awesome icons are popular, so lots of themes and plugins also load Font Awesome, and sometimes their version can conflict with yours. So we created a way to help you find and prevent those conflicting versions from affecting your icons: The Conflict Detection Scanner.
If the plugin seems to be set up correctly and your icons still aren’t loading and you’re not sure why, head over to the Troubleshoot tab, which has two parts:
- Detect Conflicts with Other Versions of Font Awesome – which lets you start the conflict detection scanner to find versions of Font Awesome loading on your site.
- Versions of Font Awesome Active on Your Site – which lists any other versions of Font Awesome being used on your site and lets you prevent conflicting versions from loading.
Get more information about using the scanner for troubleshooting on the WordPress page on Font Awesome.
Configuring
The plugin is set to serve Font Awesome Free icons as a Web Font via the Font Awesome CDN by default. You can change the CDN settings right in the plugin. In the simplest case, no additional configuration is required.
Note: The plugin is not compatible on WordPress multisite at this time.
You can get more information about all the available settings and troubleshooting on the WordPress page on Font Awesome.
Upgrading from the Old Versions
If you used the old plugin or are still using Version 3 of Font Awesome, we’ve tried to smooth the upgrade path for you by keeping
[icon]
shortcode compatibility for Font Awesome 3 names used with the old plugin. But we plan to remove version 3 naming support from this plugin soon so don’t wait too long to update your code!See Also
The README on GitHub which has details for WordPress site owners and developers.
The API docs for developers.
Installation
From the Plugins Directory in WordPress Admin
From the “Add Plugins” page in WordPress admin:
- Search the plugins directory by
author: fontawesome
- Click “Install” on this plugin in the search results
- Click “Activate”
Installing a Zip Archive
- Click Download on this plugin’s directory entry to get the
.zip
file - On the “Add Plugins” page in WordPress admin, click “Upload Plugin” and choose that
.zip
file
Access Font Awesome Plugin Settings
Once you activate the Font Awesome plugin, you will see a top-level menu item for Font Awesome in your WordPress admin area, or you can click “Settings” on the plugin’s entry on the Plugins page.
FAQ
You can get more information about using the plugin, details for available settings, and answers to frequently asked questions on the WordPress page on Font Awesome.
Reviews
Font Awesome Cross Icon
After hours and hours of investigation and dead ends, I discovered that it is the Font Awesome plugin that causes Elementor and Elementor Pro editors to grey screen. Why, I do not know! Disabled the plugin and my site works fine again.