Skip to main content

icon-sun

Examples

Heading
Smaller heading

Inline text

Example link text

Icon Component

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

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

Icon font

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

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

Code point

  • Unicode: U+F180
  • CSS: \F180
  • JS: \uF180
  • HTML: &#xF180;

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-sun" viewBox="0 0 16 16">
  <path d="M8 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm0-6.667a2.667 2.667 0 1 0 0 5.334 2.667 2.667 0 0 0 0-5.334ZM8.667 2V.667a.667.667 0 0 0-1.334 0V2a.667.667 0 1 0 1.334 0Zm0 13.333V14a.667.667 0 1 0-1.334 0v1.333a.667.667 0 1 0 1.334 0ZM4.23 4.231a.667.667 0 0 0 0-.942l-.946-.947a.667.667 0 0 0-.943.943l.947.946a.667.667 0 0 0 .942 0Zm9.427 9.427a.667.667 0 0 0 0-.943l-.947-.946a.666.666 0 0 0-.942.942l.946.947a.667.667 0 0 0 .943 0ZM2.667 8A.667.667 0 0 0 2 7.333H.667a.667.667 0 0 0 0 1.334H2A.667.667 0 0 0 2.667 8ZM16 8a.666.666 0 0 0-.667-.667H14a.667.667 0 1 0 0 1.334h1.333A.667.667 0 0 0 16 8ZM3.285 13.658l.946-.947a.666.666 0 1 0-.942-.942l-.947.946a.667.667 0 1 0 .943.943Zm9.426-9.427.947-.946a.666.666 0 1 0-.943-.943l-.946.947a.666.666 0 1 0 .942.942Z"/>
</svg>