Skip to main content

icon-locked

Examples

Heading
Smaller heading

Inline text

Example link text

Icon Component

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

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

Icon font

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

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

Code point

  • Unicode: U+F145
  • CSS: \F145
  • JS: \uF145
  • HTML: &#xF145;

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-locked" viewBox="0 0 16 16">
  <path d="M12.666 6.667H12v-2a4 4 0 0 0-8 0v2h-.667a2 2 0 0 0-2 2v4.667a2 2 0 0 0 2 2h9.333a2 2 0 0 0 2-2V8.667a2 2 0 0 0-2-2Zm-7.333-2a2.65 2.65 0 0 1 .78-1.885 2.733 2.733 0 0 1 3.772 0 2.649 2.649 0 0 1 .781 1.885v2H5.333v-2Zm8 8.667a.667.667 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>