Skip to main content

icon-file

Examples

Heading
Smaller heading

Inline text

Example link text

Icon Component

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

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

Icon font

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

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

Code point

  • Unicode: U+F135
  • CSS: \F135
  • JS: \uF135
  • HTML: &#xF135;

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-file" viewBox="0 0 16 16">
  <path d="m13.807 4.86-4-4a.675.675 0 0 0-.474-.193H4a2 2 0 0 0-2 2v10.667a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-8a.675.675 0 0 0-.193-.474ZM10 2.94l1.727 1.727H10V2.94Zm2.667 10.394A.667.667 0 0 1 12 14H4a.667.667 0 0 1-.667-.666V2.667A.667.667 0 0 1 4 2h4.667v3.334A.667.667 0 0 0 9.333 6h3.334v7.334Zm-8-4.667a.667.667 0 0 0 .666.667h5.334a.667.667 0 0 0 0-1.334H5.333a.667.667 0 0 0-.666.667Zm6 2H5.333a.666.666 0 1 0 0 1.333h5.334a.667.667 0 0 0 0-1.333Zm-5.334-4h1.334a.667.667 0 0 0 0-1.333H5.333a.667.667 0 0 0 0 1.333Z"/>
</svg>