By adding the is-flipped class to an element, the element will be rotated 180 degrees.
A common use case for this trump is the expand / collapse state of a section that can be toggled by clicking a button.
<svg viewBox="0 0 24 24" class="icon icon--s is-flipped">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icons/sprite.svg#expand"></use>
</svg>
{{{icon "expand" classes="is-flipped"}}}
/* No context defined for this component. */