Skip to main content

icon-calendar

Examples

Heading
Smaller heading

Inline text

Example link text

Icon Component

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

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

Icon font

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

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

Code point

  • Unicode: U+F10D
  • CSS: \F10D
  • JS: \uF10D
  • HTML: &#xF10D;

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-calendar" viewBox="0 0 16 16">
  <path d="M12.666 2h-1.333v-.666a.666.666 0 1 0-1.333 0V2H6v-.666a.667.667 0 1 0-1.334 0V2H3.333a2 2 0 0 0-2 2v9.334a2 2 0 0 0 2 2h9.333a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2Zm-10 2a.667.667 0 0 1 .667-.666h1.333V4A.667.667 0 0 0 6 4v-.666h4V4a.667.667 0 1 0 1.333 0v-.666h1.333a.666.666 0 0 1 .667.666v2H2.666V4Zm10.667 9.334a.667.667 0 0 1-.667.666H3.333a.667.667 0 0 1-.667-.666v-6h10.667v6Z"/>
</svg>