Download
Download the SVG to use or edit.
Download SVG SVG sprite
Use this code for svg icons.
<svg><use xlink:href="#unlock-outline"/></svg>
Icon font
Using the web font with a span element.
<span class="icon icon-unlock-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-unlock-outline" viewBox="0 0 24 24">
<path d="M8.875 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.5H7V7C7 4.26562 9.22656 2 12 2C14.2266 2 16.1016 3.48438 16.7266 5.47656C16.8828 5.98438 16.6094 6.49219 16.1406 6.64844C15.6328 6.80469 15.125 6.53125 14.9688 6.0625C14.5391 4.8125 13.3672 3.875 12 3.875C10.2422 3.875 8.875 5.28125 8.875 7ZM5.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+F2A7- CSS:
\F2A7- JS:
\uF2A7- HTML:
