# hurricane icon

Hurricane. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/hurricane

- Category: Weather
- Use it for: hurricane, cyclone, tropical storm, typhoon, tropical cyclone
- Tags: hurricane, cyclone, typhoon, tropical-storm, storm, spiral, eye, wind, disaster
- Family: air-quality, haze, moon, moon-star, rainbow, snowflake, sun, sun-dim, sunrise, sunset, thermometer, thermometer-snowflake, tornado, umbrella, umbrella-plus, wind
- Component name: HurricaneIcon
- Added: 2026-10-15

## Alternatives

- `tornado`: a tornado or twister
- `cloud-lightning`: a thunderstorm

## Also fits

- thunderstorm: a hurricane, cyclone or tropical storm
- tornado: a hurricane or cyclone

## Files

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it.

- line-round: https://gentleface.com/svg/line-round/16/hurricane.svg · PNG https://gentleface.com/png/line-round/16/hurricane.png · https://gentleface.com/png/line-round/32/hurricane.png · https://gentleface.com/png/line-round/48/hurricane.png
- line-soft: https://gentleface.com/svg/line-soft/16/hurricane.svg · PNG https://gentleface.com/png/line-soft/16/hurricane.png · https://gentleface.com/png/line-soft/32/hurricane.png · https://gentleface.com/png/line-soft/48/hurricane.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/hurricane.svg · PNG https://gentleface.com/png/line-sharp/16/hurricane.png · https://gentleface.com/png/line-sharp/32/hurricane.png · https://gentleface.com/png/line-sharp/48/hurricane.png
- solid-round: https://gentleface.com/svg/solid-round/16/hurricane.svg · PNG https://gentleface.com/png/solid-round/16/hurricane.png · https://gentleface.com/png/solid-round/32/hurricane.png · https://gentleface.com/png/solid-round/48/hurricane.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/hurricane.svg · PNG https://gentleface.com/png/solid-soft/16/hurricane.png · https://gentleface.com/png/solid-soft/32/hurricane.png · https://gentleface.com/png/solid-soft/48/hurricane.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/hurricane.svg · PNG https://gentleface.com/png/solid-sharp/16/hurricane.png · https://gentleface.com/png/solid-sharp/32/hurricane.png · https://gentleface.com/png/solid-sharp/48/hurricane.png

The SVG of every style: https://gentleface.com/icons/hurricane.json (`svg`).

## Code (line-round)

The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. For another style, take its SVG from the JSON and swap the path `d`.

### SVG

```svg
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M5.419 6.394C5.636 5.87 5.927 5.392 6.292 4.958C6.657 4.525 7.079 4.156 7.557 3.853C8.014 3.564 8.503 3.347 9.024 3.202C9.545 3.057 10.076 2.99 10.617 3.001C11.183 3.013 11.734 3.11 12.271 3.293C12.807 3.475 13.304 3.734 13.76 4.07C14.196 4.391 14.576 4.767 14.9 5.2C14.985 5.313 15.017 5.436 14.998 5.571C14.979 5.706 14.913 5.815 14.8 5.9C14.69 5.983 14.566 6.014 14.429 5.995C14.293 5.975 14.183 5.91 14.1 5.8C13.835 5.446 13.524 5.138 13.167 4.876C12.794 4.601 12.388 4.389 11.949 4.24C11.51 4.09 11.059 4.011 10.595 4.001C10.153 3.992 9.719 4.046 9.292 4.165C8.866 4.284 8.466 4.461 8.092 4.698C7.701 4.946 7.356 5.248 7.057 5.602C6.759 5.957 6.521 6.348 6.343 6.777C6.306 6.867 6.271 6.959 6.24 7.051C6.414 6.727 6.659 6.471 6.975 6.283C7.291 6.094 7.632 6 8 6C8.244 6 8.479 6.043 8.707 6.129C8.953 6.222 9.172 6.358 9.364 6.537C9.556 6.716 9.707 6.925 9.816 7.163C9.918 7.384 9.978 7.617 9.995 7.86C10.029 7.742 10.096 7.65 10.195 7.584C10.293 7.517 10.403 7.49 10.525 7.503C10.662 7.516 10.775 7.577 10.862 7.684C10.949 7.79 10.986 7.913 10.972 8.05C10.918 8.588 10.788 9.107 10.581 9.606C10.364 10.13 10.073 10.608 9.708 11.042C9.343 11.475 8.921 11.844 8.443 12.147C7.986 12.436 7.497 12.653 6.976 12.798C6.455 12.943 5.924 13.01 5.383 12.999C4.817 12.987 4.266 12.89 3.729 12.707C3.193 12.525 2.696 12.266 2.24 11.93C1.804 11.609 1.424 11.233 1.1 10.8C1.017 10.69 0.985 10.566 1.005 10.429C1.025 10.293 1.09 10.183 1.2 10.1C1.313 10.015 1.436 9.983 1.571 10.002C1.706 10.021 1.815 10.087 1.9 10.2C2.165 10.554 2.476 10.862 2.833 11.124C3.206 11.399 3.612 11.611 4.051 11.76C4.49 11.91 4.941 11.989 5.405 11.999C5.847 12.008 6.281 11.954 6.708 11.835C7.134 11.716 7.534 11.539 7.908 11.302C8.299 11.054 8.644 10.752 8.943 10.398C9.241 10.043 9.479 9.652 9.657 9.223C9.694 9.133 9.729 9.041 9.76 8.949C9.586 9.273 9.341 9.529 9.025 9.717C8.709 9.906 8.368 10 8 10C7.756 10 7.521 9.957 7.293 9.871C7.047 9.778 6.828 9.642 6.636 9.463C6.444 9.284 6.293 9.075 6.184 8.837C6.082 8.616 6.022 8.383 6.005 8.14C5.971 8.258 5.904 8.35 5.805 8.416C5.707 8.483 5.597 8.51 5.475 8.497C5.338 8.484 5.225 8.423 5.138 8.316C5.051 8.21 5.014 8.087 5.028 7.95C5.082 7.412 5.212 6.893 5.419 6.394ZM8 7C7.448 7 7 7.448 7 8C7 8.552 7.448 9 8 9C8.552 9 9 8.552 9 8C9 7.448 8.552 7 8 7Z"/></svg>
```

### React

```tsx
// Gentleface "hurricane" (line-round), MIT. https://gentleface.com/icons/hurricane
import type { SVGProps } from 'react';

export function HurricaneIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M5.419 6.394C5.636 5.87 5.927 5.392 6.292 4.958C6.657 4.525 7.079 4.156 7.557 3.853C8.014 3.564 8.503 3.347 9.024 3.202C9.545 3.057 10.076 2.99 10.617 3.001C11.183 3.013 11.734 3.11 12.271 3.293C12.807 3.475 13.304 3.734 13.76 4.07C14.196 4.391 14.576 4.767 14.9 5.2C14.985 5.313 15.017 5.436 14.998 5.571C14.979 5.706 14.913 5.815 14.8 5.9C14.69 5.983 14.566 6.014 14.429 5.995C14.293 5.975 14.183 5.91 14.1 5.8C13.835 5.446 13.524 5.138 13.167 4.876C12.794 4.601 12.388 4.389 11.949 4.24C11.51 4.09 11.059 4.011 10.595 4.001C10.153 3.992 9.719 4.046 9.292 4.165C8.866 4.284 8.466 4.461 8.092 4.698C7.701 4.946 7.356 5.248 7.057 5.602C6.759 5.957 6.521 6.348 6.343 6.777C6.306 6.867 6.271 6.959 6.24 7.051C6.414 6.727 6.659 6.471 6.975 6.283C7.291 6.094 7.632 6 8 6C8.244 6 8.479 6.043 8.707 6.129C8.953 6.222 9.172 6.358 9.364 6.537C9.556 6.716 9.707 6.925 9.816 7.163C9.918 7.384 9.978 7.617 9.995 7.86C10.029 7.742 10.096 7.65 10.195 7.584C10.293 7.517 10.403 7.49 10.525 7.503C10.662 7.516 10.775 7.577 10.862 7.684C10.949 7.79 10.986 7.913 10.972 8.05C10.918 8.588 10.788 9.107 10.581 9.606C10.364 10.13 10.073 10.608 9.708 11.042C9.343 11.475 8.921 11.844 8.443 12.147C7.986 12.436 7.497 12.653 6.976 12.798C6.455 12.943 5.924 13.01 5.383 12.999C4.817 12.987 4.266 12.89 3.729 12.707C3.193 12.525 2.696 12.266 2.24 11.93C1.804 11.609 1.424 11.233 1.1 10.8C1.017 10.69 0.985 10.566 1.005 10.429C1.025 10.293 1.09 10.183 1.2 10.1C1.313 10.015 1.436 9.983 1.571 10.002C1.706 10.021 1.815 10.087 1.9 10.2C2.165 10.554 2.476 10.862 2.833 11.124C3.206 11.399 3.612 11.611 4.051 11.76C4.49 11.91 4.941 11.989 5.405 11.999C5.847 12.008 6.281 11.954 6.708 11.835C7.134 11.716 7.534 11.539 7.908 11.302C8.299 11.054 8.644 10.752 8.943 10.398C9.241 10.043 9.479 9.652 9.657 9.223C9.694 9.133 9.729 9.041 9.76 8.949C9.586 9.273 9.341 9.529 9.025 9.717C8.709 9.906 8.368 10 8 10C7.756 10 7.521 9.957 7.293 9.871C7.047 9.778 6.828 9.642 6.636 9.463C6.444 9.284 6.293 9.075 6.184 8.837C6.082 8.616 6.022 8.383 6.005 8.14C5.971 8.258 5.904 8.35 5.805 8.416C5.707 8.483 5.597 8.51 5.475 8.497C5.338 8.484 5.225 8.423 5.138 8.316C5.051 8.21 5.014 8.087 5.028 7.95C5.082 7.412 5.212 6.893 5.419 6.394ZM8 7C7.448 7 7 7.448 7 8C7 8.552 7.448 9 8 9C8.552 9 9 8.552 9 8C9 7.448 8.552 7 8 7Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "hurricane" (line-round), MIT. https://gentleface.com/icons/hurricane -->
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true">
    <path d="M5.419 6.394C5.636 5.87 5.927 5.392 6.292 4.958C6.657 4.525 7.079 4.156 7.557 3.853C8.014 3.564 8.503 3.347 9.024 3.202C9.545 3.057 10.076 2.99 10.617 3.001C11.183 3.013 11.734 3.11 12.271 3.293C12.807 3.475 13.304 3.734 13.76 4.07C14.196 4.391 14.576 4.767 14.9 5.2C14.985 5.313 15.017 5.436 14.998 5.571C14.979 5.706 14.913 5.815 14.8 5.9C14.69 5.983 14.566 6.014 14.429 5.995C14.293 5.975 14.183 5.91 14.1 5.8C13.835 5.446 13.524 5.138 13.167 4.876C12.794 4.601 12.388 4.389 11.949 4.24C11.51 4.09 11.059 4.011 10.595 4.001C10.153 3.992 9.719 4.046 9.292 4.165C8.866 4.284 8.466 4.461 8.092 4.698C7.701 4.946 7.356 5.248 7.057 5.602C6.759 5.957 6.521 6.348 6.343 6.777C6.306 6.867 6.271 6.959 6.24 7.051C6.414 6.727 6.659 6.471 6.975 6.283C7.291 6.094 7.632 6 8 6C8.244 6 8.479 6.043 8.707 6.129C8.953 6.222 9.172 6.358 9.364 6.537C9.556 6.716 9.707 6.925 9.816 7.163C9.918 7.384 9.978 7.617 9.995 7.86C10.029 7.742 10.096 7.65 10.195 7.584C10.293 7.517 10.403 7.49 10.525 7.503C10.662 7.516 10.775 7.577 10.862 7.684C10.949 7.79 10.986 7.913 10.972 8.05C10.918 8.588 10.788 9.107 10.581 9.606C10.364 10.13 10.073 10.608 9.708 11.042C9.343 11.475 8.921 11.844 8.443 12.147C7.986 12.436 7.497 12.653 6.976 12.798C6.455 12.943 5.924 13.01 5.383 12.999C4.817 12.987 4.266 12.89 3.729 12.707C3.193 12.525 2.696 12.266 2.24 11.93C1.804 11.609 1.424 11.233 1.1 10.8C1.017 10.69 0.985 10.566 1.005 10.429C1.025 10.293 1.09 10.183 1.2 10.1C1.313 10.015 1.436 9.983 1.571 10.002C1.706 10.021 1.815 10.087 1.9 10.2C2.165 10.554 2.476 10.862 2.833 11.124C3.206 11.399 3.612 11.611 4.051 11.76C4.49 11.91 4.941 11.989 5.405 11.999C5.847 12.008 6.281 11.954 6.708 11.835C7.134 11.716 7.534 11.539 7.908 11.302C8.299 11.054 8.644 10.752 8.943 10.398C9.241 10.043 9.479 9.652 9.657 9.223C9.694 9.133 9.729 9.041 9.76 8.949C9.586 9.273 9.341 9.529 9.025 9.717C8.709 9.906 8.368 10 8 10C7.756 10 7.521 9.957 7.293 9.871C7.047 9.778 6.828 9.642 6.636 9.463C6.444 9.284 6.293 9.075 6.184 8.837C6.082 8.616 6.022 8.383 6.005 8.14C5.971 8.258 5.904 8.35 5.805 8.416C5.707 8.483 5.597 8.51 5.475 8.497C5.338 8.484 5.225 8.423 5.138 8.316C5.051 8.21 5.014 8.087 5.028 7.95C5.082 7.412 5.212 6.893 5.419 6.394ZM8 7C7.448 7 7 7.448 7 8C7 8.552 7.448 9 8 9C8.552 9 9 8.552 9 8C9 7.448 8.552 7 8 7Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "hurricane" (line-round), MIT. https://gentleface.com/icons/hurricane -->
<script>
  let props = $props();
</script>

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
  <path d="M5.419 6.394C5.636 5.87 5.927 5.392 6.292 4.958C6.657 4.525 7.079 4.156 7.557 3.853C8.014 3.564 8.503 3.347 9.024 3.202C9.545 3.057 10.076 2.99 10.617 3.001C11.183 3.013 11.734 3.11 12.271 3.293C12.807 3.475 13.304 3.734 13.76 4.07C14.196 4.391 14.576 4.767 14.9 5.2C14.985 5.313 15.017 5.436 14.998 5.571C14.979 5.706 14.913 5.815 14.8 5.9C14.69 5.983 14.566 6.014 14.429 5.995C14.293 5.975 14.183 5.91 14.1 5.8C13.835 5.446 13.524 5.138 13.167 4.876C12.794 4.601 12.388 4.389 11.949 4.24C11.51 4.09 11.059 4.011 10.595 4.001C10.153 3.992 9.719 4.046 9.292 4.165C8.866 4.284 8.466 4.461 8.092 4.698C7.701 4.946 7.356 5.248 7.057 5.602C6.759 5.957 6.521 6.348 6.343 6.777C6.306 6.867 6.271 6.959 6.24 7.051C6.414 6.727 6.659 6.471 6.975 6.283C7.291 6.094 7.632 6 8 6C8.244 6 8.479 6.043 8.707 6.129C8.953 6.222 9.172 6.358 9.364 6.537C9.556 6.716 9.707 6.925 9.816 7.163C9.918 7.384 9.978 7.617 9.995 7.86C10.029 7.742 10.096 7.65 10.195 7.584C10.293 7.517 10.403 7.49 10.525 7.503C10.662 7.516 10.775 7.577 10.862 7.684C10.949 7.79 10.986 7.913 10.972 8.05C10.918 8.588 10.788 9.107 10.581 9.606C10.364 10.13 10.073 10.608 9.708 11.042C9.343 11.475 8.921 11.844 8.443 12.147C7.986 12.436 7.497 12.653 6.976 12.798C6.455 12.943 5.924 13.01 5.383 12.999C4.817 12.987 4.266 12.89 3.729 12.707C3.193 12.525 2.696 12.266 2.24 11.93C1.804 11.609 1.424 11.233 1.1 10.8C1.017 10.69 0.985 10.566 1.005 10.429C1.025 10.293 1.09 10.183 1.2 10.1C1.313 10.015 1.436 9.983 1.571 10.002C1.706 10.021 1.815 10.087 1.9 10.2C2.165 10.554 2.476 10.862 2.833 11.124C3.206 11.399 3.612 11.611 4.051 11.76C4.49 11.91 4.941 11.989 5.405 11.999C5.847 12.008 6.281 11.954 6.708 11.835C7.134 11.716 7.534 11.539 7.908 11.302C8.299 11.054 8.644 10.752 8.943 10.398C9.241 10.043 9.479 9.652 9.657 9.223C9.694 9.133 9.729 9.041 9.76 8.949C9.586 9.273 9.341 9.529 9.025 9.717C8.709 9.906 8.368 10 8 10C7.756 10 7.521 9.957 7.293 9.871C7.047 9.778 6.828 9.642 6.636 9.463C6.444 9.284 6.293 9.075 6.184 8.837C6.082 8.616 6.022 8.383 6.005 8.14C5.971 8.258 5.904 8.35 5.805 8.416C5.707 8.483 5.597 8.51 5.475 8.497C5.338 8.484 5.225 8.423 5.138 8.316C5.051 8.21 5.014 8.087 5.028 7.95C5.082 7.412 5.212 6.893 5.419 6.394ZM8 7C7.448 7 7 7.448 7 8C7 8.552 7.448 9 8 9C8.552 9 9 8.552 9 8C9 7.448 8.552 7 8 7Z" />
</svg>
```

### HTML img

```html
<!-- Gentleface "hurricane" (line-round), MIT. https://gentleface.com/icons/hurricane. An <img> can't take currentColor: it draws black. Inline the SVG or use the CSS mask to color it. -->
<img src="https://gentleface.com/svg/line-round/16/hurricane.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "hurricane" (line-round), MIT. https://gentleface.com/icons/hurricane. Takes the text color. */
.icon-hurricane {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M5.419 6.394C5.636 5.87 5.927 5.392 6.292 4.958C6.657 4.525 7.079 4.156 7.557 3.853C8.014 3.564 8.503 3.347 9.024 3.202C9.545 3.057 10.076 2.99 10.617 3.001C11.183 3.013 11.734 3.11 12.271 3.293C12.807 3.475 13.304 3.734 13.76 4.07C14.196 4.391 14.576 4.767 14.9 5.2C14.985 5.313 15.017 5.436 14.998 5.571C14.979 5.706 14.913 5.815 14.8 5.9C14.69 5.983 14.566 6.014 14.429 5.995C14.293 5.975 14.183 5.91 14.1 5.8C13.835 5.446 13.524 5.138 13.167 4.876C12.794 4.601 12.388 4.389 11.949 4.24C11.51 4.09 11.059 4.011 10.595 4.001C10.153 3.992 9.719 4.046 9.292 4.165C8.866 4.284 8.466 4.461 8.092 4.698C7.701 4.946 7.356 5.248 7.057 5.602C6.759 5.957 6.521 6.348 6.343 6.777C6.306 6.867 6.271 6.959 6.24 7.051C6.414 6.727 6.659 6.471 6.975 6.283C7.291 6.094 7.632 6 8 6C8.244 6 8.479 6.043 8.707 6.129C8.953 6.222 9.172 6.358 9.364 6.537C9.556 6.716 9.707 6.925 9.816 7.163C9.918 7.384 9.978 7.617 9.995 7.86C10.029 7.742 10.096 7.65 10.195 7.584C10.293 7.517 10.403 7.49 10.525 7.503C10.662 7.516 10.775 7.577 10.862 7.684C10.949 7.79 10.986 7.913 10.972 8.05C10.918 8.588 10.788 9.107 10.581 9.606C10.364 10.13 10.073 10.608 9.708 11.042C9.343 11.475 8.921 11.844 8.443 12.147C7.986 12.436 7.497 12.653 6.976 12.798C6.455 12.943 5.924 13.01 5.383 12.999C4.817 12.987 4.266 12.89 3.729 12.707C3.193 12.525 2.696 12.266 2.24 11.93C1.804 11.609 1.424 11.233 1.1 10.8C1.017 10.69 0.985 10.566 1.005 10.429C1.025 10.293 1.09 10.183 1.2 10.1C1.313 10.015 1.436 9.983 1.571 10.002C1.706 10.021 1.815 10.087 1.9 10.2C2.165 10.554 2.476 10.862 2.833 11.124C3.206 11.399 3.612 11.611 4.051 11.76C4.49 11.91 4.941 11.989 5.405 11.999C5.847 12.008 6.281 11.954 6.708 11.835C7.134 11.716 7.534 11.539 7.908 11.302C8.299 11.054 8.644 10.752 8.943 10.398C9.241 10.043 9.479 9.652 9.657 9.223C9.694 9.133 9.729 9.041 9.76 8.949C9.586 9.273 9.341 9.529 9.025 9.717C8.709 9.906 8.368 10 8 10C7.756 10 7.521 9.957 7.293 9.871C7.047 9.778 6.828 9.642 6.636 9.463C6.444 9.284 6.293 9.075 6.184 8.837C6.082 8.616 6.022 8.383 6.005 8.14C5.971 8.258 5.904 8.35 5.805 8.416C5.707 8.483 5.597 8.51 5.475 8.497C5.338 8.484 5.225 8.423 5.138 8.316C5.051 8.21 5.014 8.087 5.028 7.95C5.082 7.412 5.212 6.893 5.419 6.394ZM8 7C7.448 7 7 7.448 7 8C7 8.552 7.448 9 8 9C8.552 9 9 8.552 9 8C9 7.448 8.552 7 8 7Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M5.419 6.394C5.636 5.87 5.927 5.392 6.292 4.958C6.657 4.525 7.079 4.156 7.557 3.853C8.014 3.564 8.503 3.347 9.024 3.202C9.545 3.057 10.076 2.99 10.617 3.001C11.183 3.013 11.734 3.11 12.271 3.293C12.807 3.475 13.304 3.734 13.76 4.07C14.196 4.391 14.576 4.767 14.9 5.2C14.985 5.313 15.017 5.436 14.998 5.571C14.979 5.706 14.913 5.815 14.8 5.9C14.69 5.983 14.566 6.014 14.429 5.995C14.293 5.975 14.183 5.91 14.1 5.8C13.835 5.446 13.524 5.138 13.167 4.876C12.794 4.601 12.388 4.389 11.949 4.24C11.51 4.09 11.059 4.011 10.595 4.001C10.153 3.992 9.719 4.046 9.292 4.165C8.866 4.284 8.466 4.461 8.092 4.698C7.701 4.946 7.356 5.248 7.057 5.602C6.759 5.957 6.521 6.348 6.343 6.777C6.306 6.867 6.271 6.959 6.24 7.051C6.414 6.727 6.659 6.471 6.975 6.283C7.291 6.094 7.632 6 8 6C8.244 6 8.479 6.043 8.707 6.129C8.953 6.222 9.172 6.358 9.364 6.537C9.556 6.716 9.707 6.925 9.816 7.163C9.918 7.384 9.978 7.617 9.995 7.86C10.029 7.742 10.096 7.65 10.195 7.584C10.293 7.517 10.403 7.49 10.525 7.503C10.662 7.516 10.775 7.577 10.862 7.684C10.949 7.79 10.986 7.913 10.972 8.05C10.918 8.588 10.788 9.107 10.581 9.606C10.364 10.13 10.073 10.608 9.708 11.042C9.343 11.475 8.921 11.844 8.443 12.147C7.986 12.436 7.497 12.653 6.976 12.798C6.455 12.943 5.924 13.01 5.383 12.999C4.817 12.987 4.266 12.89 3.729 12.707C3.193 12.525 2.696 12.266 2.24 11.93C1.804 11.609 1.424 11.233 1.1 10.8C1.017 10.69 0.985 10.566 1.005 10.429C1.025 10.293 1.09 10.183 1.2 10.1C1.313 10.015 1.436 9.983 1.571 10.002C1.706 10.021 1.815 10.087 1.9 10.2C2.165 10.554 2.476 10.862 2.833 11.124C3.206 11.399 3.612 11.611 4.051 11.76C4.49 11.91 4.941 11.989 5.405 11.999C5.847 12.008 6.281 11.954 6.708 11.835C7.134 11.716 7.534 11.539 7.908 11.302C8.299 11.054 8.644 10.752 8.943 10.398C9.241 10.043 9.479 9.652 9.657 9.223C9.694 9.133 9.729 9.041 9.76 8.949C9.586 9.273 9.341 9.529 9.025 9.717C8.709 9.906 8.368 10 8 10C7.756 10 7.521 9.957 7.293 9.871C7.047 9.778 6.828 9.642 6.636 9.463C6.444 9.284 6.293 9.075 6.184 8.837C6.082 8.616 6.022 8.383 6.005 8.14C5.971 8.258 5.904 8.35 5.805 8.416C5.707 8.483 5.597 8.51 5.475 8.497C5.338 8.484 5.225 8.423 5.138 8.316C5.051 8.21 5.014 8.087 5.028 7.95C5.082 7.412 5.212 6.893 5.419 6.394ZM8 7C7.448 7 7 7.448 7 8C7 8.552 7.448 9 8 9C8.552 9 9 8.552 9 8C9 7.448 8.552 7 8 7Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
```

### Data URL

```text
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M5.419 6.394C5.636 5.87 5.927 5.392 6.292 4.958C6.657 4.525 7.079 4.156 7.557 3.853C8.014 3.564 8.503 3.347 9.024 3.202C9.545 3.057 10.076 2.99 10.617 3.001C11.183 3.013 11.734 3.11 12.271 3.293C12.807 3.475 13.304 3.734 13.76 4.07C14.196 4.391 14.576 4.767 14.9 5.2C14.985 5.313 15.017 5.436 14.998 5.571C14.979 5.706 14.913 5.815 14.8 5.9C14.69 5.983 14.566 6.014 14.429 5.995C14.293 5.975 14.183 5.91 14.1 5.8C13.835 5.446 13.524 5.138 13.167 4.876C12.794 4.601 12.388 4.389 11.949 4.24C11.51 4.09 11.059 4.011 10.595 4.001C10.153 3.992 9.719 4.046 9.292 4.165C8.866 4.284 8.466 4.461 8.092 4.698C7.701 4.946 7.356 5.248 7.057 5.602C6.759 5.957 6.521 6.348 6.343 6.777C6.306 6.867 6.271 6.959 6.24 7.051C6.414 6.727 6.659 6.471 6.975 6.283C7.291 6.094 7.632 6 8 6C8.244 6 8.479 6.043 8.707 6.129C8.953 6.222 9.172 6.358 9.364 6.537C9.556 6.716 9.707 6.925 9.816 7.163C9.918 7.384 9.978 7.617 9.995 7.86C10.029 7.742 10.096 7.65 10.195 7.584C10.293 7.517 10.403 7.49 10.525 7.503C10.662 7.516 10.775 7.577 10.862 7.684C10.949 7.79 10.986 7.913 10.972 8.05C10.918 8.588 10.788 9.107 10.581 9.606C10.364 10.13 10.073 10.608 9.708 11.042C9.343 11.475 8.921 11.844 8.443 12.147C7.986 12.436 7.497 12.653 6.976 12.798C6.455 12.943 5.924 13.01 5.383 12.999C4.817 12.987 4.266 12.89 3.729 12.707C3.193 12.525 2.696 12.266 2.24 11.93C1.804 11.609 1.424 11.233 1.1 10.8C1.017 10.69 0.985 10.566 1.005 10.429C1.025 10.293 1.09 10.183 1.2 10.1C1.313 10.015 1.436 9.983 1.571 10.002C1.706 10.021 1.815 10.087 1.9 10.2C2.165 10.554 2.476 10.862 2.833 11.124C3.206 11.399 3.612 11.611 4.051 11.76C4.49 11.91 4.941 11.989 5.405 11.999C5.847 12.008 6.281 11.954 6.708 11.835C7.134 11.716 7.534 11.539 7.908 11.302C8.299 11.054 8.644 10.752 8.943 10.398C9.241 10.043 9.479 9.652 9.657 9.223C9.694 9.133 9.729 9.041 9.76 8.949C9.586 9.273 9.341 9.529 9.025 9.717C8.709 9.906 8.368 10 8 10C7.756 10 7.521 9.957 7.293 9.871C7.047 9.778 6.828 9.642 6.636 9.463C6.444 9.284 6.293 9.075 6.184 8.837C6.082 8.616 6.022 8.383 6.005 8.14C5.971 8.258 5.904 8.35 5.805 8.416C5.707 8.483 5.597 8.51 5.475 8.497C5.338 8.484 5.225 8.423 5.138 8.316C5.051 8.21 5.014 8.087 5.028 7.95C5.082 7.412 5.212 6.893 5.419 6.394ZM8 7C7.448 7 7 7.448 7 8C7 8.552 7.448 9 8 9C8.552 9 9 8.552 9 8C9 7.448 8.552 7 8 7Z'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "hurricane" (line-round), MIT. https://gentleface.com/icons/hurricane
     Every icon of this style in one file: https://gentleface.com/sprite/line-round.svg
     Serve it from your own origin: <use> does not load from another origin. -->
<svg width="16" height="16" aria-hidden="true"><use href="/sprite/line-round.svg#hurricane"/></svg>
```

### SwiftUI

```swift
// Gentleface "hurricane" (line-round), MIT. https://gentleface.com/icons/hurricane
import SwiftUI

struct HurricaneIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 5.419, y: 6.394))
        p.addCurve(to: CGPoint(x: 6.292, y: 4.958), control1: CGPoint(x: 5.636, y: 5.87), control2: CGPoint(x: 5.927, y: 5.392))
        p.addCurve(to: CGPoint(x: 7.557, y: 3.853), control1: CGPoint(x: 6.657, y: 4.525), control2: CGPoint(x: 7.079, y: 4.156))
        p.addCurve(to: CGPoint(x: 9.024, y: 3.202), control1: CGPoint(x: 8.014, y: 3.564), control2: CGPoint(x: 8.503, y: 3.347))
        p.addCurve(to: CGPoint(x: 10.617, y: 3.001), control1: CGPoint(x: 9.545, y: 3.057), control2: CGPoint(x: 10.076, y: 2.99))
        p.addCurve(to: CGPoint(x: 12.271, y: 3.293), control1: CGPoint(x: 11.183, y: 3.013), control2: CGPoint(x: 11.734, y: 3.11))
        p.addCurve(to: CGPoint(x: 13.76, y: 4.07), control1: CGPoint(x: 12.807, y: 3.475), control2: CGPoint(x: 13.304, y: 3.734))
        p.addCurve(to: CGPoint(x: 14.9, y: 5.2), control1: CGPoint(x: 14.196, y: 4.391), control2: CGPoint(x: 14.576, y: 4.767))
        p.addCurve(to: CGPoint(x: 14.998, y: 5.571), control1: CGPoint(x: 14.985, y: 5.313), control2: CGPoint(x: 15.017, y: 5.436))
        p.addCurve(to: CGPoint(x: 14.8, y: 5.9), control1: CGPoint(x: 14.979, y: 5.706), control2: CGPoint(x: 14.913, y: 5.815))
        p.addCurve(to: CGPoint(x: 14.429, y: 5.995), control1: CGPoint(x: 14.69, y: 5.983), control2: CGPoint(x: 14.566, y: 6.014))
        p.addCurve(to: CGPoint(x: 14.1, y: 5.8), control1: CGPoint(x: 14.293, y: 5.975), control2: CGPoint(x: 14.183, y: 5.91))
        p.addCurve(to: CGPoint(x: 13.167, y: 4.876), control1: CGPoint(x: 13.835, y: 5.446), control2: CGPoint(x: 13.524, y: 5.138))
        p.addCurve(to: CGPoint(x: 11.949, y: 4.24), control1: CGPoint(x: 12.794, y: 4.601), control2: CGPoint(x: 12.388, y: 4.389))
        p.addCurve(to: CGPoint(x: 10.595, y: 4.001), control1: CGPoint(x: 11.51, y: 4.09), control2: CGPoint(x: 11.059, y: 4.011))
        p.addCurve(to: CGPoint(x: 9.292, y: 4.165), control1: CGPoint(x: 10.153, y: 3.992), control2: CGPoint(x: 9.719, y: 4.046))
        p.addCurve(to: CGPoint(x: 8.092, y: 4.698), control1: CGPoint(x: 8.866, y: 4.284), control2: CGPoint(x: 8.466, y: 4.461))
        p.addCurve(to: CGPoint(x: 7.057, y: 5.602), control1: CGPoint(x: 7.701, y: 4.946), control2: CGPoint(x: 7.356, y: 5.248))
        p.addCurve(to: CGPoint(x: 6.343, y: 6.777), control1: CGPoint(x: 6.759, y: 5.957), control2: CGPoint(x: 6.521, y: 6.348))
        p.addCurve(to: CGPoint(x: 6.24, y: 7.051), control1: CGPoint(x: 6.306, y: 6.867), control2: CGPoint(x: 6.271, y: 6.959))
        p.addCurve(to: CGPoint(x: 6.975, y: 6.283), control1: CGPoint(x: 6.414, y: 6.727), control2: CGPoint(x: 6.659, y: 6.471))
        p.addCurve(to: CGPoint(x: 8, y: 6), control1: CGPoint(x: 7.291, y: 6.094), control2: CGPoint(x: 7.632, y: 6))
        p.addCurve(to: CGPoint(x: 8.707, y: 6.129), control1: CGPoint(x: 8.244, y: 6), control2: CGPoint(x: 8.479, y: 6.043))
        p.addCurve(to: CGPoint(x: 9.364, y: 6.537), control1: CGPoint(x: 8.953, y: 6.222), control2: CGPoint(x: 9.172, y: 6.358))
        p.addCurve(to: CGPoint(x: 9.816, y: 7.163), control1: CGPoint(x: 9.556, y: 6.716), control2: CGPoint(x: 9.707, y: 6.925))
        p.addCurve(to: CGPoint(x: 9.995, y: 7.86), control1: CGPoint(x: 9.918, y: 7.384), control2: CGPoint(x: 9.978, y: 7.617))
        p.addCurve(to: CGPoint(x: 10.195, y: 7.584), control1: CGPoint(x: 10.029, y: 7.742), control2: CGPoint(x: 10.096, y: 7.65))
        p.addCurve(to: CGPoint(x: 10.525, y: 7.503), control1: CGPoint(x: 10.293, y: 7.517), control2: CGPoint(x: 10.403, y: 7.49))
        p.addCurve(to: CGPoint(x: 10.862, y: 7.684), control1: CGPoint(x: 10.662, y: 7.516), control2: CGPoint(x: 10.775, y: 7.577))
        p.addCurve(to: CGPoint(x: 10.972, y: 8.05), control1: CGPoint(x: 10.949, y: 7.79), control2: CGPoint(x: 10.986, y: 7.913))
        p.addCurve(to: CGPoint(x: 10.581, y: 9.606), control1: CGPoint(x: 10.918, y: 8.588), control2: CGPoint(x: 10.788, y: 9.107))
        p.addCurve(to: CGPoint(x: 9.708, y: 11.042), control1: CGPoint(x: 10.364, y: 10.13), control2: CGPoint(x: 10.073, y: 10.608))
        p.addCurve(to: CGPoint(x: 8.443, y: 12.147), control1: CGPoint(x: 9.343, y: 11.475), control2: CGPoint(x: 8.921, y: 11.844))
        p.addCurve(to: CGPoint(x: 6.976, y: 12.798), control1: CGPoint(x: 7.986, y: 12.436), control2: CGPoint(x: 7.497, y: 12.653))
        p.addCurve(to: CGPoint(x: 5.383, y: 12.999), control1: CGPoint(x: 6.455, y: 12.943), control2: CGPoint(x: 5.924, y: 13.01))
        p.addCurve(to: CGPoint(x: 3.729, y: 12.707), control1: CGPoint(x: 4.817, y: 12.987), control2: CGPoint(x: 4.266, y: 12.89))
        p.addCurve(to: CGPoint(x: 2.24, y: 11.93), control1: CGPoint(x: 3.193, y: 12.525), control2: CGPoint(x: 2.696, y: 12.266))
        p.addCurve(to: CGPoint(x: 1.1, y: 10.8), control1: CGPoint(x: 1.804, y: 11.609), control2: CGPoint(x: 1.424, y: 11.233))
        p.addCurve(to: CGPoint(x: 1.005, y: 10.429), control1: CGPoint(x: 1.017, y: 10.69), control2: CGPoint(x: 0.985, y: 10.566))
        p.addCurve(to: CGPoint(x: 1.2, y: 10.1), control1: CGPoint(x: 1.025, y: 10.293), control2: CGPoint(x: 1.09, y: 10.183))
        p.addCurve(to: CGPoint(x: 1.571, y: 10.002), control1: CGPoint(x: 1.313, y: 10.015), control2: CGPoint(x: 1.436, y: 9.983))
        p.addCurve(to: CGPoint(x: 1.9, y: 10.2), control1: CGPoint(x: 1.706, y: 10.021), control2: CGPoint(x: 1.815, y: 10.087))
        p.addCurve(to: CGPoint(x: 2.833, y: 11.124), control1: CGPoint(x: 2.165, y: 10.554), control2: CGPoint(x: 2.476, y: 10.862))
        p.addCurve(to: CGPoint(x: 4.051, y: 11.76), control1: CGPoint(x: 3.206, y: 11.399), control2: CGPoint(x: 3.612, y: 11.611))
        p.addCurve(to: CGPoint(x: 5.405, y: 11.999), control1: CGPoint(x: 4.49, y: 11.91), control2: CGPoint(x: 4.941, y: 11.989))
        p.addCurve(to: CGPoint(x: 6.708, y: 11.835), control1: CGPoint(x: 5.847, y: 12.008), control2: CGPoint(x: 6.281, y: 11.954))
        p.addCurve(to: CGPoint(x: 7.908, y: 11.302), control1: CGPoint(x: 7.134, y: 11.716), control2: CGPoint(x: 7.534, y: 11.539))
        p.addCurve(to: CGPoint(x: 8.943, y: 10.398), control1: CGPoint(x: 8.299, y: 11.054), control2: CGPoint(x: 8.644, y: 10.752))
        p.addCurve(to: CGPoint(x: 9.657, y: 9.223), control1: CGPoint(x: 9.241, y: 10.043), control2: CGPoint(x: 9.479, y: 9.652))
        p.addCurve(to: CGPoint(x: 9.76, y: 8.949), control1: CGPoint(x: 9.694, y: 9.133), control2: CGPoint(x: 9.729, y: 9.041))
        p.addCurve(to: CGPoint(x: 9.025, y: 9.717), control1: CGPoint(x: 9.586, y: 9.273), control2: CGPoint(x: 9.341, y: 9.529))
        p.addCurve(to: CGPoint(x: 8, y: 10), control1: CGPoint(x: 8.709, y: 9.906), control2: CGPoint(x: 8.368, y: 10))
        p.addCurve(to: CGPoint(x: 7.293, y: 9.871), control1: CGPoint(x: 7.756, y: 10), control2: CGPoint(x: 7.521, y: 9.957))
        p.addCurve(to: CGPoint(x: 6.636, y: 9.463), control1: CGPoint(x: 7.047, y: 9.778), control2: CGPoint(x: 6.828, y: 9.642))
        p.addCurve(to: CGPoint(x: 6.184, y: 8.837), control1: CGPoint(x: 6.444, y: 9.284), control2: CGPoint(x: 6.293, y: 9.075))
        p.addCurve(to: CGPoint(x: 6.005, y: 8.14), control1: CGPoint(x: 6.082, y: 8.616), control2: CGPoint(x: 6.022, y: 8.383))
        p.addCurve(to: CGPoint(x: 5.805, y: 8.416), control1: CGPoint(x: 5.971, y: 8.258), control2: CGPoint(x: 5.904, y: 8.35))
        p.addCurve(to: CGPoint(x: 5.475, y: 8.497), control1: CGPoint(x: 5.707, y: 8.483), control2: CGPoint(x: 5.597, y: 8.51))
        p.addCurve(to: CGPoint(x: 5.138, y: 8.316), control1: CGPoint(x: 5.338, y: 8.484), control2: CGPoint(x: 5.225, y: 8.423))
        p.addCurve(to: CGPoint(x: 5.028, y: 7.95), control1: CGPoint(x: 5.051, y: 8.21), control2: CGPoint(x: 5.014, y: 8.087))
        p.addCurve(to: CGPoint(x: 5.419, y: 6.394), control1: CGPoint(x: 5.082, y: 7.412), control2: CGPoint(x: 5.212, y: 6.893))
        p.closeSubpath()
        p.move(to: CGPoint(x: 8, y: 7))
        p.addCurve(to: CGPoint(x: 7, y: 8), control1: CGPoint(x: 7.448, y: 7), control2: CGPoint(x: 7, y: 7.448))
        p.addCurve(to: CGPoint(x: 8, y: 9), control1: CGPoint(x: 7, y: 8.552), control2: CGPoint(x: 7.448, y: 9))
        p.addCurve(to: CGPoint(x: 9, y: 8), control1: CGPoint(x: 8.552, y: 9), control2: CGPoint(x: 9, y: 8.552))
        p.addCurve(to: CGPoint(x: 8, y: 7), control1: CGPoint(x: 9, y: 7.448), control2: CGPoint(x: 8.552, y: 7))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

// HurricaneIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp.
```

### Compose

```kotlin
// Gentleface "hurricane" (line-round), MIT. https://gentleface.com/icons/hurricane
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.addPathNodes
import androidx.compose.ui.unit.dp

val HurricaneIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "hurricane", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M5.419 6.394C5.636 5.87 5.927 5.392 6.292 4.958C6.657 4.525 7.079 4.156 7.557 3.853C8.014 3.564 8.503 3.347 9.024 3.202C9.545 3.057 10.076 2.99 10.617 3.001C11.183 3.013 11.734 3.11 12.271 3.293C12.807 3.475 13.304 3.734 13.76 4.07C14.196 4.391 14.576 4.767 14.9 5.2C14.985 5.313 15.017 5.436 14.998 5.571C14.979 5.706 14.913 5.815 14.8 5.9C14.69 5.983 14.566 6.014 14.429 5.995C14.293 5.975 14.183 5.91 14.1 5.8C13.835 5.446 13.524 5.138 13.167 4.876C12.794 4.601 12.388 4.389 11.949 4.24C11.51 4.09 11.059 4.011 10.595 4.001C10.153 3.992 9.719 4.046 9.292 4.165C8.866 4.284 8.466 4.461 8.092 4.698C7.701 4.946 7.356 5.248 7.057 5.602C6.759 5.957 6.521 6.348 6.343 6.777C6.306 6.867 6.271 6.959 6.24 7.051C6.414 6.727 6.659 6.471 6.975 6.283C7.291 6.094 7.632 6 8 6C8.244 6 8.479 6.043 8.707 6.129C8.953 6.222 9.172 6.358 9.364 6.537C9.556 6.716 9.707 6.925 9.816 7.163C9.918 7.384 9.978 7.617 9.995 7.86C10.029 7.742 10.096 7.65 10.195 7.584C10.293 7.517 10.403 7.49 10.525 7.503C10.662 7.516 10.775 7.577 10.862 7.684C10.949 7.79 10.986 7.913 10.972 8.05C10.918 8.588 10.788 9.107 10.581 9.606C10.364 10.13 10.073 10.608 9.708 11.042C9.343 11.475 8.921 11.844 8.443 12.147C7.986 12.436 7.497 12.653 6.976 12.798C6.455 12.943 5.924 13.01 5.383 12.999C4.817 12.987 4.266 12.89 3.729 12.707C3.193 12.525 2.696 12.266 2.24 11.93C1.804 11.609 1.424 11.233 1.1 10.8C1.017 10.69 0.985 10.566 1.005 10.429C1.025 10.293 1.09 10.183 1.2 10.1C1.313 10.015 1.436 9.983 1.571 10.002C1.706 10.021 1.815 10.087 1.9 10.2C2.165 10.554 2.476 10.862 2.833 11.124C3.206 11.399 3.612 11.611 4.051 11.76C4.49 11.91 4.941 11.989 5.405 11.999C5.847 12.008 6.281 11.954 6.708 11.835C7.134 11.716 7.534 11.539 7.908 11.302C8.299 11.054 8.644 10.752 8.943 10.398C9.241 10.043 9.479 9.652 9.657 9.223C9.694 9.133 9.729 9.041 9.76 8.949C9.586 9.273 9.341 9.529 9.025 9.717C8.709 9.906 8.368 10 8 10C7.756 10 7.521 9.957 7.293 9.871C7.047 9.778 6.828 9.642 6.636 9.463C6.444 9.284 6.293 9.075 6.184 8.837C6.082 8.616 6.022 8.383 6.005 8.14C5.971 8.258 5.904 8.35 5.805 8.416C5.707 8.483 5.597 8.51 5.475 8.497C5.338 8.484 5.225 8.423 5.138 8.316C5.051 8.21 5.014 8.087 5.028 7.95C5.082 7.412 5.212 6.893 5.419 6.394ZM8 7C7.448 7 7 7.448 7 8C7 8.552 7.448 9 8 9C8.552 9 9 8.552 9 8C9 7.448 8.552 7 8 7Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

// Icon(HurricaneIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_hurricane.xml · Gentleface "hurricane" (line-round), MIT. https://gentleface.com/icons/hurricane -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="16dp"
    android:height="16dp"
    android:viewportWidth="16"
    android:viewportHeight="16"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="M5.419 6.394C5.636 5.87 5.927 5.392 6.292 4.958C6.657 4.525 7.079 4.156 7.557 3.853C8.014 3.564 8.503 3.347 9.024 3.202C9.545 3.057 10.076 2.99 10.617 3.001C11.183 3.013 11.734 3.11 12.271 3.293C12.807 3.475 13.304 3.734 13.76 4.07C14.196 4.391 14.576 4.767 14.9 5.2C14.985 5.313 15.017 5.436 14.998 5.571C14.979 5.706 14.913 5.815 14.8 5.9C14.69 5.983 14.566 6.014 14.429 5.995C14.293 5.975 14.183 5.91 14.1 5.8C13.835 5.446 13.524 5.138 13.167 4.876C12.794 4.601 12.388 4.389 11.949 4.24C11.51 4.09 11.059 4.011 10.595 4.001C10.153 3.992 9.719 4.046 9.292 4.165C8.866 4.284 8.466 4.461 8.092 4.698C7.701 4.946 7.356 5.248 7.057 5.602C6.759 5.957 6.521 6.348 6.343 6.777C6.306 6.867 6.271 6.959 6.24 7.051C6.414 6.727 6.659 6.471 6.975 6.283C7.291 6.094 7.632 6 8 6C8.244 6 8.479 6.043 8.707 6.129C8.953 6.222 9.172 6.358 9.364 6.537C9.556 6.716 9.707 6.925 9.816 7.163C9.918 7.384 9.978 7.617 9.995 7.86C10.029 7.742 10.096 7.65 10.195 7.584C10.293 7.517 10.403 7.49 10.525 7.503C10.662 7.516 10.775 7.577 10.862 7.684C10.949 7.79 10.986 7.913 10.972 8.05C10.918 8.588 10.788 9.107 10.581 9.606C10.364 10.13 10.073 10.608 9.708 11.042C9.343 11.475 8.921 11.844 8.443 12.147C7.986 12.436 7.497 12.653 6.976 12.798C6.455 12.943 5.924 13.01 5.383 12.999C4.817 12.987 4.266 12.89 3.729 12.707C3.193 12.525 2.696 12.266 2.24 11.93C1.804 11.609 1.424 11.233 1.1 10.8C1.017 10.69 0.985 10.566 1.005 10.429C1.025 10.293 1.09 10.183 1.2 10.1C1.313 10.015 1.436 9.983 1.571 10.002C1.706 10.021 1.815 10.087 1.9 10.2C2.165 10.554 2.476 10.862 2.833 11.124C3.206 11.399 3.612 11.611 4.051 11.76C4.49 11.91 4.941 11.989 5.405 11.999C5.847 12.008 6.281 11.954 6.708 11.835C7.134 11.716 7.534 11.539 7.908 11.302C8.299 11.054 8.644 10.752 8.943 10.398C9.241 10.043 9.479 9.652 9.657 9.223C9.694 9.133 9.729 9.041 9.76 8.949C9.586 9.273 9.341 9.529 9.025 9.717C8.709 9.906 8.368 10 8 10C7.756 10 7.521 9.957 7.293 9.871C7.047 9.778 6.828 9.642 6.636 9.463C6.444 9.284 6.293 9.075 6.184 8.837C6.082 8.616 6.022 8.383 6.005 8.14C5.971 8.258 5.904 8.35 5.805 8.416C5.707 8.483 5.597 8.51 5.475 8.497C5.338 8.484 5.225 8.423 5.138 8.316C5.051 8.21 5.014 8.087 5.028 7.95C5.082 7.412 5.212 6.893 5.419 6.394ZM8 7C7.448 7 7 7.448 7 8C7 8.552 7.448 9 8 9C8.552 9 9 8.552 9 8C9 7.448 8.552 7 8 7Z"/>
</vector>
```

### Flutter

```dart
// Gentleface "hurricane" (line-round), MIT. https://gentleface.com/icons/hurricane
import 'package:flutter/widgets.dart';

class HurricaneIcon extends StatelessWidget {
  const HurricaneIcon({super.key, this.size = 16, this.color});
  final double size;
  final Color? color;

  @override
  Widget build(BuildContext context) => CustomPaint(
        size: Size.square(size),
        painter: _HurricaneIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)),
      );
}

class _HurricaneIconPainter extends CustomPainter {
  _HurricaneIconPainter(this.color);
  final Color color;

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(5.419, 6.394)
      ..cubicTo(5.636, 5.87, 5.927, 5.392, 6.292, 4.958)
      ..cubicTo(6.657, 4.525, 7.079, 4.156, 7.557, 3.853)
      ..cubicTo(8.014, 3.564, 8.503, 3.347, 9.024, 3.202)
      ..cubicTo(9.545, 3.057, 10.076, 2.99, 10.617, 3.001)
      ..cubicTo(11.183, 3.013, 11.734, 3.11, 12.271, 3.293)
      ..cubicTo(12.807, 3.475, 13.304, 3.734, 13.76, 4.07)
      ..cubicTo(14.196, 4.391, 14.576, 4.767, 14.9, 5.2)
      ..cubicTo(14.985, 5.313, 15.017, 5.436, 14.998, 5.571)
      ..cubicTo(14.979, 5.706, 14.913, 5.815, 14.8, 5.9)
      ..cubicTo(14.69, 5.983, 14.566, 6.014, 14.429, 5.995)
      ..cubicTo(14.293, 5.975, 14.183, 5.91, 14.1, 5.8)
      ..cubicTo(13.835, 5.446, 13.524, 5.138, 13.167, 4.876)
      ..cubicTo(12.794, 4.601, 12.388, 4.389, 11.949, 4.24)
      ..cubicTo(11.51, 4.09, 11.059, 4.011, 10.595, 4.001)
      ..cubicTo(10.153, 3.992, 9.719, 4.046, 9.292, 4.165)
      ..cubicTo(8.866, 4.284, 8.466, 4.461, 8.092, 4.698)
      ..cubicTo(7.701, 4.946, 7.356, 5.248, 7.057, 5.602)
      ..cubicTo(6.759, 5.957, 6.521, 6.348, 6.343, 6.777)
      ..cubicTo(6.306, 6.867, 6.271, 6.959, 6.24, 7.051)
      ..cubicTo(6.414, 6.727, 6.659, 6.471, 6.975, 6.283)
      ..cubicTo(7.291, 6.094, 7.632, 6, 8, 6)
      ..cubicTo(8.244, 6, 8.479, 6.043, 8.707, 6.129)
      ..cubicTo(8.953, 6.222, 9.172, 6.358, 9.364, 6.537)
      ..cubicTo(9.556, 6.716, 9.707, 6.925, 9.816, 7.163)
      ..cubicTo(9.918, 7.384, 9.978, 7.617, 9.995, 7.86)
      ..cubicTo(10.029, 7.742, 10.096, 7.65, 10.195, 7.584)
      ..cubicTo(10.293, 7.517, 10.403, 7.49, 10.525, 7.503)
      ..cubicTo(10.662, 7.516, 10.775, 7.577, 10.862, 7.684)
      ..cubicTo(10.949, 7.79, 10.986, 7.913, 10.972, 8.05)
      ..cubicTo(10.918, 8.588, 10.788, 9.107, 10.581, 9.606)
      ..cubicTo(10.364, 10.13, 10.073, 10.608, 9.708, 11.042)
      ..cubicTo(9.343, 11.475, 8.921, 11.844, 8.443, 12.147)
      ..cubicTo(7.986, 12.436, 7.497, 12.653, 6.976, 12.798)
      ..cubicTo(6.455, 12.943, 5.924, 13.01, 5.383, 12.999)
      ..cubicTo(4.817, 12.987, 4.266, 12.89, 3.729, 12.707)
      ..cubicTo(3.193, 12.525, 2.696, 12.266, 2.24, 11.93)
      ..cubicTo(1.804, 11.609, 1.424, 11.233, 1.1, 10.8)
      ..cubicTo(1.017, 10.69, 0.985, 10.566, 1.005, 10.429)
      ..cubicTo(1.025, 10.293, 1.09, 10.183, 1.2, 10.1)
      ..cubicTo(1.313, 10.015, 1.436, 9.983, 1.571, 10.002)
      ..cubicTo(1.706, 10.021, 1.815, 10.087, 1.9, 10.2)
      ..cubicTo(2.165, 10.554, 2.476, 10.862, 2.833, 11.124)
      ..cubicTo(3.206, 11.399, 3.612, 11.611, 4.051, 11.76)
      ..cubicTo(4.49, 11.91, 4.941, 11.989, 5.405, 11.999)
      ..cubicTo(5.847, 12.008, 6.281, 11.954, 6.708, 11.835)
      ..cubicTo(7.134, 11.716, 7.534, 11.539, 7.908, 11.302)
      ..cubicTo(8.299, 11.054, 8.644, 10.752, 8.943, 10.398)
      ..cubicTo(9.241, 10.043, 9.479, 9.652, 9.657, 9.223)
      ..cubicTo(9.694, 9.133, 9.729, 9.041, 9.76, 8.949)
      ..cubicTo(9.586, 9.273, 9.341, 9.529, 9.025, 9.717)
      ..cubicTo(8.709, 9.906, 8.368, 10, 8, 10)
      ..cubicTo(7.756, 10, 7.521, 9.957, 7.293, 9.871)
      ..cubicTo(7.047, 9.778, 6.828, 9.642, 6.636, 9.463)
      ..cubicTo(6.444, 9.284, 6.293, 9.075, 6.184, 8.837)
      ..cubicTo(6.082, 8.616, 6.022, 8.383, 6.005, 8.14)
      ..cubicTo(5.971, 8.258, 5.904, 8.35, 5.805, 8.416)
      ..cubicTo(5.707, 8.483, 5.597, 8.51, 5.475, 8.497)
      ..cubicTo(5.338, 8.484, 5.225, 8.423, 5.138, 8.316)
      ..cubicTo(5.051, 8.21, 5.014, 8.087, 5.028, 7.95)
      ..cubicTo(5.082, 7.412, 5.212, 6.893, 5.419, 6.394)
      ..close()
      ..moveTo(8, 7)
      ..cubicTo(7.448, 7, 7, 7.448, 7, 8)
      ..cubicTo(7, 8.552, 7.448, 9, 8, 9)
      ..cubicTo(8.552, 9, 9, 8.552, 9, 8)
      ..cubicTo(9, 7.448, 8.552, 7, 8, 7)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

  @override
  bool shouldRepaint(_HurricaneIconPainter old) => old.color != color;
}
```