Download
Download the SVG to use or edit.
Download SVGSVG sprite
Draw the symbol of the sprite with a <use> element.
<svg width="24" height="24" fill="currentcolor" aria-hidden="true">
<use href="chassis-icons.svg#history-cards-outline"></use>
</svg>
Icon font
Put the class of the icon on an empty element.
<i class="cx-history-cards-outline"></i>
Embedded
Paste the SVG right into your project's code.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentcolor" class="cx-history-cards-outline" viewBox="0 0 24 24">
<path d="M19.5 8.25C20.8672 8.25 22 9.38281 22 10.75V19.5C22 20.9062 20.8672 22 19.5 22H4.5C3.09375 22 2 20.9062 2 19.5V10.75C2 9.38281 3.09375 8.25 4.5 8.25H19.5ZM19.5 10.125H4.5C4.14844 10.125 3.875 10.4375 3.875 10.75V19.5C3.875 19.8516 4.14844 20.125 4.5 20.125H19.5C19.8125 20.125 20.125 19.8516 20.125 19.5V10.75C20.125 10.4375 19.8125 10.125 19.5 10.125ZM19.1875 5.125C19.6953 5.125 20.125 5.55469 20.125 6.0625C20.125 6.60938 19.6953 7 19.1875 7H4.8125C4.26562 7 3.875 6.60938 3.875 6.0625C3.875 5.55469 4.26562 5.125 4.8125 5.125H19.1875ZM17.3125 2C17.8203 2 18.25 2.42969 18.25 2.9375C18.25 3.48438 17.8203 3.875 17.3125 3.875H6.6875C6.14062 3.875 5.75 3.48438 5.75 2.9375C5.75 2.42969 6.14062 2 6.6875 2H17.3125Z"/>
</svg>
Code point
Paste the code point into your project.
- Unicode:
U+F2E7- CSS:
\F2E7- JS:
\uF2E7- HTML:
