A plugin for loading inline SVGs from Font Awesome (Pro) using a shortcode.
This is not an official plugin of Font Awesome, nor is it directly affiliated with Font Awesome or its publisher/owner.
This plugin is intended for users who want to quickly and unbureaucratically integrate the output of the SVG version of Font Awesome, fast and resource-efficient, into their WordPress site.
Get your Font Awesome or much better your Font Awesome Pro license here: https://fontawesome.com/
- Requires at least: 5.7
- Tested up to: 5.7
- Requires PHP: 7.4
- License: GNU General Public License v2 or later
- License URI: https://www.gnu.org/licenses/gpl-2.0.html
- In your admin panel, go to 'Plugins' > and click the 'Add New' button.
- Click Upload Plugin and 'Choose File', then select the Plugin's .zip file. Click 'Install Now'.
- Download your version of Font Awesome (Pro) from https://fontawesome.com/
- Unpack/Upload the content of the Font Awesome zip file directly into the plugins folder named "
fa/
" - Make sure that the following files/folders and paths are present: "
fa/css/svg-with-js.min.css
", "fa/svgs/*
" - Click 'Activate' to use the plugin right away.
Use [jsvg type="" name="" style="" class="" title=""]
in your content or menu item title.
For example:
[jsvg type="fal" name="jedi" style="margin:2rem" class="fa-10x" title="Obi-Wan Kenobi"]
You can also use this together with do_shortcode()
.
See https://developer.wordpress.org/reference/functions/do_shortcode/ for more information about this.
For example:
<?php
echo do_shortcode( '[jsvg type="fas" name="snowboarding" class="fa-4x fa-rotate-270" title="Snowboarding"]' );
- Initial Release