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. */