Download
Download the SVG to use or edit.
Download SVG SVG sprite
Use this code for svg icons.
<svg><use xlink:href="#lock-open-outline"/></svg>
Icon font
Using the web font with a span element.
<span class="icon icon-lock-open-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-open-outline" viewBox="0 0 24 24">
<path d="M15 7V9.5H16.25C17.6172 9.5 18.75 10.6328 18.75 12V19.5C18.75 20.9062 17.6172 22 16.25 22H3.75C2.34375 22 1.25 20.9062 1.25 19.5V12C1.25 10.6328 2.34375 9.5 3.75 9.5H13.125V7C13.125 4.26562 15.3516 2 18.125 2C20.8594 2 23.125 4.26562 23.125 7V9.8125C23.125 10.3594 22.6953 10.75 22.1875 10.75C21.6406 10.75 21.25 10.3594 21.25 9.8125V7C21.25 5.28125 19.8438 3.875 18.125 3.875C16.3672 3.875 15 5.28125 15 7ZM3.75 11.375C3.39844 11.375 3.125 11.6875 3.125 12V19.5C3.125 19.8516 3.39844 20.125 3.75 20.125H16.25C16.5625 20.125 16.875 19.8516 16.875 19.5V12C16.875 11.6875 16.5625 11.375 16.25 11.375H3.75Z"/>
</svg>
Code point
Paste the code point into your project.
- Unicode:
U+F1F9- CSS:
\F1F9- JS:
\uF1F9- HTML:
