Skip to main content

icon-location


Examples

Heading
Smaller heading

Inline text

Example link text

Icon Component

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

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

Icon font

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

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

Code point

  • Unicode: U+F144
  • CSS: \F144
  • JS: \uF144
  • HTML: &#xF144;

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-location" viewBox="0 0 16 16">
  <path d="M8 16a.667.667 0 0 1-.37-.112c-.257-.171-6.297-4.255-6.297-9.221a6.667 6.667 0 0 1 11.38-4.714 6.623 6.623 0 0 1 1.953 4.714c0 4.966-6.04 9.05-6.296 9.22A.667.667 0 0 1 8 16ZM8 1.333a5.333 5.333 0 0 0-5.334 5.334c0 3.608 4.067 6.908 5.334 7.847 1.266-.939 5.333-4.239 5.333-7.847A5.333 5.333 0 0 0 8 1.333Zm0 8A2.667 2.667 0 1 1 8 4a2.667 2.667 0 0 1 0 5.333Zm0-4A1.333 1.333 0 1 0 8 8a1.333 1.333 0 0 0 0-2.667Z"/>
</svg>