With the Creativ Shortcodes plugin installed it allows you to place icons anywhere within your content. You must enter these using the Text input and not the visual input when creating a page or a post.

Download The Plugin

The font icon is set to inherit it’s size and color from the item it is next to such as a p tag, heading tag or body.

Here are several examples with copy/paste code for you:

Education

<h3><span class="fa-icon-bookmark-empty"></span>Education</h3>

<span class="fa-icon-heart"></span>

Just some basic text with an icon before it

<p><span class="fa-icon-star"></span>Just some basic text with an icon before it</p>

Here is a full list of all icons and their respective classes:

fa-icon-glass
fa-icon-music
fa-icon-search
fa-icon-envelope
fa-icon-heart
fa-icon-star
fa-star-empty
fa-icon-user
fa-icon-film
fa-icon-th-large
fa-icon-th
fa-icon-th-list
fa-icon-ok
fa-icon-remove
fa-icon-zoom-in
fa-icon-zoom-out
fa-icon-off
fa-icon-signal
fa-icon-cog
fa-icon-trash
fa-icon-home
fa-icon-file
fa-icon-time
fa-icon-road
fa-icon-download-alt
fa-icon-download
fa-icon-upload
fa-icon-inbox
fa-icon-play-circle
fa-icon-repeat
fa-icon-refresh
fa-icon-list-alt
fa-icon-lock
fa-icon-flag
fa-icon-headphones
fa-icon-volume-off
fa-icon-volume-down
fa-icon-volume-up
fa-icon-qrcode
fa-icon-barcode
fa-icon-tag
fa-icon-tags
fa-icon-book
fa-icon-bookmark
fa-icon-print
fa-icon-camera
fa-icon-font
fa-icon-bold
fa-icon-italic
fa-icon-text-height
fa-icon-text-width
fa-icon-align-left
fa-icon-align-center
fa-icon-align-right
fa-icon-align-justify
fa-icon-list
fa-icon-indent-left
fa-icon-indent-right
fa-icon-facetime-video
fa-icon-picture
fa-icon-pencil
fa-icon-map-marker
fa-icon-adjust
fa-icon-tint
fa-icon-edit
fa-icon-share
fa-icon-check
fa-icon-move
fa-icon-step-backward
fa-icon-fast-backward
fa-icon-backward
fa-icon-play
fa-icon-pause
fa-icon-stop
fa-icon-forward
fa-icon-fast-forward
fa-icon-step-forward
fa-icon-eject
fa-icon-chevron-left
fa-icon-chevron-right
fa-icon-plus-sign
fa-icon-minus-sign
fa-icon-remove-sign
fa-icon-ok-sign
fa-icon-question-sign
fa-icon-info-sign
fa-icon-screenshot
fa-icon-remove-circle
fa-icon-ok-circle
fa-icon-ban-circle
fa-icon-arrow-left
fa-icon-arrow-right
fa-icon-arrow-up
fa-icon-arrow-down
fa-icon-share-alt
fa-icon-resize-full
fa-icon-resize-small
fa-icon-plus
fa-icon-minus
fa-icon-asterisk
fa-icon-exclamation-sign
fa-icon-gift
fa-icon-leaf
fa-icon-fire
fa-icon-eye-open
fa-icon-eye-close
fa-icon-warning-sign
fa-icon-plane
fa-icon-calendar
fa-icon-random
fa-icon-comment
fa-icon-magnet
fa-icon-chevron-up
fa-icon-chevron-down
fa-icon-retweet
fa-icon-shopping-cart
fa-icon-folder-close
fa-icon-folder-open
fa-icon-resize-vertical
fa-icon-resize-horizontal
fa-icon-bar-chart
fa-icon-twitter-sign
fa-icon-facebook-sign
fa-icon-camera-retro
fa-icon-key

fa-icon-cogs
fa-icon-comments
fa-icon-thumbs-up
fa-icon-thumbs-down
fa-icon-star-half
fa-icon-heart-empty
fa-icon-signout
fa-icon-linkedin-sign
fa-icon-pushpin
fa-icon-external-link
fa-icon-signin
fa-icon-trophy
fa-icon-github-sign
fa-icon-upload-alt
fa-icon-lemon
fa-icon-phone
fa-icon-check-empty
fa-icon-bookmark-empty
fa-icon-phone-sign
fa-icon-twitter
fa-icon-facebook
fa-icon-github
fa-icon-unlock
fa-icon-credit-card
fa-icon-rss
fa-icon-hdd
fa-icon-bullhorn
fa-icon-bell
fa-icon-certificate
fa-icon-hand-right
fa-icon-hand-left
fa-icon-hand-up
fa-icon-hand-down
fa-icon-circle-arrow-left
fa-icon-circle-arrow-right
fa-icon-circle-arrow-up
fa-icon-circle-arrow-down
fa-icon-globe
fa-icon-wrench
fa-icon-tasks
fa-icon-filter
fa-icon-briefcase
fa-icon-fullscreen
fa-icon-group
fa-icon-link
fa-icon-cloud
fa-icon-beaker
fa-icon-cut
fa-icon-copy
fa-icon-paper-clip
fa-icon-save
fa-icon-sign-blank
fa-icon-reorder
fa-icon-list-ul
fa-icon-list-ol
fa-icon-strikethrough
fa-icon-underline
fa-icon-table
fa-icon-magic
fa-icon-truck
fa-icon-pinterest
fa-icon-pinterest-sign
fa-icon-google-plus-sign
fa-icon-google-plus
fa-icon-money
fa-icon-caret-down
fa-icon-caret-up
fa-icon-caret-left
fa-icon-caret-right
fa-icon-columns
fa-icon-sort
fa-icon-sort-down
fa-icon-sort-up
fa-icon-envelope-alt
fa-icon-linkedin
fa-icon-undo
fa-icon-legal
fa-icon-dashboard
fa-icon-comment-alt
fa-icon-comments-alt
fa-icon-bolt
fa-icon-sitemap
fa-icon-umbrella
fa-icon-paste
fa-icon-lightbulb
fa-icon-exchange
fa-icon-cloud-download
fa-icon-cloud-upload
fa-icon-user-md
fa-icon-stethoscope
fa-icon-suitcase
fa-icon-bell-alt
fa-icon-coffee
fa-icon-food
fa-icon-file-alt
fa-icon-building
fa-icon-hospital
fa-icon-ambulance
fa-icon-medkit
fa-icon-fighter-jet
fa-icon-beer
fa-icon-h-sign
fa-icon-plus-sign-alt
fa-icon-double-angle-left
fa-icon-double-angle-right
fa-icon-double-angle-up
fa-icon-double-angle-down
fa-icon-angle-left
fa-icon-angle-right
fa-icon-angle-up
fa-icon-angle-down
fa-icon-desktop
fa-icon-laptop
fa-icon-tablet
fa-icon-mobile-phone
fa-icon-circle-blank
fa-icon-quote-left
fa-icon-quote-right
fa-icon-spinner
fa-icon-circle
fa-icon-reply
fa-icon-github-alt
fa-icon-folder-close-alt
fa-icon-folder-open-alt


Visit The Official Font Awesome website