icon-storm

Examples

Heading

Smaller heading

Inline text

Icon Component

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

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

Icon font

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

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

Code point

Unicode: U+F17F
CSS: \F17F
JS: \uF17F
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-storm" viewBox="0 0 16 16">
  <g clip-path="url(#a)">
    <path d="M12.667 11.933a.667.667 0 0 1-.133-1.32 2.667 2.667 0 0 0-.53-5.28h-.843a.667.667 0 0 1-.646-.5 4.667 4.667 0 1 0-6.781 5.25.667.667 0 0 1-.645 1.167A6 6 0 1 1 11.653 4h.352a4 4 0 0 1 .795 7.92.641.641 0 0 1-.133.013ZM7.334 16a.666.666 0 0 1-.554-1.037L8.755 12H6.001a.666.666 0 0 1-.555-1.037l2.667-4a.667.667 0 1 1 1.109.74l-1.975 2.963H10a.666.666 0 0 1 .554 1.037l-2.666 4a.667.667 0 0 1-.555.297Z"/>
  </g>
  <defs>
    <clipPath id="a">
      <path d="M0 0h16v16H0z"/>
    </clipPath>
  </defs>
</svg>