1. Home
  2. Docs
  3. Shortcodes
  4. Icon Shortcode

Icon Shortcode

The Icon shortcode is mainly used to display fontAwesome 4 icons without the need of an extra plugin.

This shortcode has many behaviours:

  • Icon: The icon attribute represents the icon class from the FontAwesome cheatsheet. The cheatsheet can be found here.
  • Link: The link (href=””) attribute determines if the icon should be clickable or not (an example would be social media links), you can specify a URL to which the icon will go to when clicked, the icon will automatically have a hyperlink attached to it. If this attribute is not set, the icon will not be hyperlinked or clickable.
  • Target: This attribute only works if the Link (href=””) attribute is set. It specifies if the link should open in a new tab or not when clicked.
  • Relationship: The rel=”” attribute only works if there’s a value in the href=”” attribute. The relationship attribute can have multiple values. More information here. If in doubt, leave empty.

Usage:

[​nyvo-icon icon="" href="" target="" rel=""]

Output

With href=”” attribute specified (clickable):

With no href=”” attribute specified (non-clickable):

Was this article helpful to you? No Yes

How can we help?