icon-unlocked

Examples

Heading

Smaller heading

Inline text

Icon Component

Using the Icon Component? Copy, paste, and go.

<s-icon name="icon-unlocked"></s-icon>

Icon font

Using the web font? Copy, paste, and go.

<span class="sf-main sf-icon-unlocked"></span>

Code point

Unicode: U+F18D
CSS: \F18D
JS: \uF18D
HTML: 

Copy HTML

Paste the SVG right into your project's code.

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="s-icon s-icon-icon-unlocked" viewBox="0 0 16 16">
  <path d="M12.666 6.667H5.333v-2a2.667 2.667 0 0 1 5.28-.533.665.665 0 0 0 1.017.443.667.667 0 0 0 .296-.679l-.006-.03a4 4 0 0 0-7.92.8v2h-.667a2 2 0 0 0-2 2v4.666a2 2 0 0 0 2 2h9.333a2 2 0 0 0 2-2V8.667a2 2 0 0 0-2-2Zm.667 6.667a.666.666 0 0 1-.667.666H3.333a.667.667 0 0 1-.667-.666V8.667A.667.667 0 0 1 3.333 8h9.333a.666.666 0 0 1 .667.667v4.667Z"/>
</svg>