The Hugo FortyTen theme includes a convenient icon shortcode that makes it easy to insert Ionicons anywhere in your content. This shortcode supports linking, sizing, and accessibility attributes.

Basic Usage

To insert an icon, use the shortcode with the name parameter:

This will render a heart icon in your post.

Icon with Link

You can make an icon clickable by adding the link parameter:

By default, links open in the current window. No additional configuration needed.

Opening Links in a New Window

To open a link in a new tab or window, use the target parameter:

Sizing Icons

Control the icon size with the size parameter. Available sizes are small, large, and default:

Accessibility

Add descriptive labels for screen readers with the aria-label parameter:

Hide icons from screen readers when they’re purely decorative using aria-hidden:

Complete Example

Combining multiple parameters:

Available Icons

Browse all available Ionicons at https://ionic.io/ionicons. You can search by name and preview each icon’s appearance.

Parameters