Skip to main content

icon-edit

Examples

Heading
Smaller heading

Inline text

Example link text

Icon Component

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

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

Icon font

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

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

Code point

  • Unicode: U+F12F
  • CSS: \F12F
  • JS: \uF12F
  • HTML: &#xF12F;

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-edit" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M14 8.773v4.666a2 2 0 0 1-2 2H2.667a2 2 0 0 1-2-2V4.106a2 2 0 0 1 2-2h4.667a.667.667 0 0 1 0 1.333H2.667A.667.667 0 0 0 2 4.106v9.333a.667.667 0 0 0 .667.667H12a.667.667 0 0 0 .667-.667V8.773a.666.666 0 1 1 1.333 0Zm1.414-6a2.1 2.1 0 0 1-.607 1.473l-6.333 6.333a.667.667 0 0 1-.314.174l-2.666.666a.667.667 0 0 1-.827-.806l.667-2.667a.667.667 0 0 1 .173-.313l6.333-6.334a2.08 2.08 0 0 1 3.574 1.474Zm-1.334 0a.747.747 0 0 0-1.273-.527L6.6 8.446l-.353 1.413 1.413-.353 6.2-6.207a.74.74 0 0 0 .22-.526Z"/>
</svg>