Download
Download the SVG to use or edit.
Download SVG SVG sprite
Use this code for svg icons.
<svg><use xlink:href="#lock-outline"/></svg>
Icon font
Using the web font with a span element.
<span class="icon icon-lock-outline"/></span>
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="icon-lock-outline" viewBox="0 0 24 24">
<path d="M8.875 7V9.5H15.125V7C15.125 5.28125 13.7188 3.875 12 3.875C10.2422 3.875 8.875 5.28125 8.875 7ZM7 9.5V7C7 4.26562 9.22656 2 12 2C14.7344 2 17 4.26562 17 7V9.5H18.25C19.6172 9.5 20.75 10.6328 20.75 12V19.5C20.75 20.9062 19.6172 22 18.25 22H5.75C4.34375 22 3.25 20.9062 3.25 19.5V12C3.25 10.6328 4.34375 9.5 5.75 9.5H7ZM5.125 12V19.5C5.125 19.8516 5.39844 20.125 5.75 20.125H18.25C18.5625 20.125 18.875 19.8516 18.875 19.5V12C18.875 11.6875 18.5625 11.375 18.25 11.375H5.75C5.39844 11.375 5.125 11.6875 5.125 12Z"/>
</svg>
Code point
Paste the code point into your project.
- Unicode:
U+F1FB- CSS:
\F1FB- JS:
\uF1FB- HTML:
