Icon

Basic component to display an icon. It's made so we can add classes to the svg icons and include them in other components.

Default

px 

			
				<div class="c-icon ">
	<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
		<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0006 9.32006L2.6805 0L0.000334479 2.68017L9.3204 12.0002L0 21.3206L2.68017 24.0008L12.0006 14.6804L21.3198 23.9997L24 21.3195L14.6807 12.0002L23.9997 2.68129L21.3195 0.00112372L12.0006 9.32006Z" />
	</svg>
</div>

Large

px 

			
				<div class="c-icon c-icon--large">
	<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
		<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0006 9.32006L2.6805 0L0.000334479 2.68017L9.3204 12.0002L0 21.3206L2.68017 24.0008L12.0006 14.6804L21.3198 23.9997L24 21.3195L14.6807 12.0002L23.9997 2.68129L21.3195 0.00112372L12.0006 9.32006Z" />
	</svg>
</div>

Documentation

Modifiers

  • c-icon--large

    A slightly larger version of an icon