icon-rain

Examples

Heading

Smaller heading

Inline text

Icon Component

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

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

Icon font

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

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

Code point

Unicode: U+F162
CSS: \F162
JS: \uF162
HTML: 

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-rain" viewBox="0 0 16 16">
  <g clip-path="url(#a)">
    <path d="M6 12.666V14a.667.667 0 1 1-1.333 0v-1.334a.667.667 0 1 1 1.333 0ZM5.334 8a.667.667 0 0 0-.667.666V10A.667.667 0 1 0 6 10V8.666A.667.667 0 0 0 5.334 8Zm5.333 4a.666.666 0 0 0-.667.666V14a.667.667 0 0 0 1.334 0v-1.334a.667.667 0 0 0-.667-.666Zm0-4a.667.667 0 0 0-.667.666V10a.667.667 0 0 0 1.334 0V8.666A.667.667 0 0 0 10.667 8ZM8 13.333a.667.667 0 0 0-.666.667v1.333a.666.666 0 1 0 1.333 0V14A.667.667 0 0 0 8 13.333Zm0-4a.667.667 0 0 0-.666.667v1.333a.666.666 0 1 0 1.333 0V10A.667.667 0 0 0 8 9.333ZM12 4h-.347a6 6 0 1 0-9.4 6.687.666.666 0 1 0 .833-1.041 4.667 4.667 0 1 1 7.429-4.813.666.666 0 0 0 .645.5H12a2.667 2.667 0 0 1 1.067 5.11.667.667 0 1 0 .533 1.223A4 4 0 0 0 12 4Z"/>
  </g>
  <defs>
    <clipPath id="a">
      <path d="M0 0h16v16H0z"/>
    </clipPath>
  </defs>
</svg>