Download
Download the SVG to use or edit.
Download SVG SVG sprite
Use this code for svg icons.
<svg><use xlink:href="#key-outline"/></svg>
Icon font
Using the web font with a span element.
<span class="icon icon-key-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-key-outline" viewBox="0 0 24 24">
<path d="M10.125 8.875C10.125 9.30469 10.1641 9.69531 10.2422 10.0859C10.3203 10.3984 10.2422 10.7109 10.0078 10.9453L3.875 17.0781V20.125H6.375V18.5625C6.375 18.0547 6.76562 17.625 7.3125 17.625H8.875V16.0625C8.875 15.5547 9.26562 15.125 9.8125 15.125H11.9219L13.0547 13.9922C13.2891 13.7578 13.6016 13.6797 13.9141 13.7578C14.3047 13.8359 14.6953 13.875 15.125 13.875C17.8594 13.875 20.125 11.6484 20.125 8.875C20.125 6.14062 17.8594 3.875 15.125 3.875C12.3516 3.875 10.125 6.14062 10.125 8.875ZM15.125 2C18.9141 2 22 5.08594 22 8.875C22 12.7031 18.9141 15.75 15.125 15.75C14.7344 15.75 14.3828 15.75 14.0312 15.6719L12.9766 16.7266C12.7812 16.9219 12.5469 17 12.3125 17H10.75V18.5625C10.75 19.1094 10.3203 19.5 9.8125 19.5H8.25V21.0625C8.25 21.6094 7.82031 22 7.3125 22H2.9375C2.39062 22 2 21.6094 2 21.0625V16.6875C2 16.4531 2.07812 16.2188 2.27344 16.0234L8.32812 9.96875C8.25 9.61719 8.25 9.26562 8.25 8.875C8.25 5.08594 11.2969 2 15.125 2ZM16.375 8.875C15.6719 8.875 15.125 8.32812 15.125 7.625C15.125 6.96094 15.6719 6.375 16.375 6.375C17.0391 6.375 17.625 6.96094 17.625 7.625C17.625 8.32812 17.0391 8.875 16.375 8.875Z"/>
</svg>
Code point
Paste the code point into your project.
- Unicode:
U+F1D9- CSS:
\F1D9- JS:
\uF1D9- HTML:
