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#shield-outline"></use>
</svg>
Icon font
Put the class of the icon on an empty element.
<i class="cx-shield-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-shield-outline" viewBox="0 0 24 24">
<path d="M12.0002 3.95312L4.85174 6.96094C4.61736 7.07812 4.46111 7.27344 4.50017 7.46875C4.50017 11.0625 5.98455 17.2344 11.7658 19.9688C11.922 20.0469 12.0783 20.0469 12.1955 19.9688C17.9767 17.1953 19.4611 11.0625 19.5002 7.46875C19.5002 7.27344 19.3439 7.07812 19.1486 6.96094L12.0002 3.95312ZM12.508 2.11719L19.8517 5.24219C20.7111 5.63281 21.3752 6.45312 21.3752 7.46875C21.3361 11.375 19.7345 18.4453 13.0158 21.6875C12.3517 22 11.6095 22 10.9455 21.6875C4.22674 18.4453 2.62517 11.375 2.62517 7.46875C2.58611 6.45312 3.25017 5.63281 4.10955 5.24219L11.4533 2.11719C11.6095 2.03906 11.8049 2 12.0002 2C12.1564 2 12.3517 2.03906 12.508 2.11719Z"/>
</svg>
Code point
Paste the code point into your project.
- Unicode:
U+F257- CSS:
\F257- JS:
\uF257- HTML:
