9.1 Inline icons View in a new window

Icons can be used inline with any element, using the markup below. See the icon component for a detailed list of all available icon CSS classes.

Twig: wysiwyg/inline-icons.twig

Example

Text with an inline icon

Text with a prepended icon

Text with an appended icon

Markup 
<p>Text with an inline <span class="icon icon--inline icon--rsvp-blue"></span> icon</p>
<p><span class="icon icon--inline icon--calendar-blue"></span> Text with a prepended icon</p>
<p>Text with an appended icon <span class="icon icon--inline icon--arrow-blue-right"></span></p>