hurricane icon

hurricane from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: hurricane
Set: Font Awesome 6 Solid
Style: Regular
Viewbox: 384×512
License: CC BY 4.0

The same icon in other sets

hurricaneBootstrap Icons hurricaneCarbon hurricaneFramework7 Icons hurricaneFont Awesome Solid hurricaneMaterial Design Icons hurricanePhosphor

Use the hurricane icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M0 208C0 104.4 75.7 18.5 174.9 2.6c9.1-1.4 17.1 6 17.1 15.3v63.3c0 8.4 6.5 15.3 14.7 16.5C307 112.5 384 199 384 303.4c0 103.6-75.7 189.5-174.9 205.4c-9.2 1.5-17.1-5.9-17.1-15.2v-63.3c0-8.4-6.5-15.3-14.7-16.5C77 398.9 0 312.4 0 208m288 48a96 96 0 1 0-192 0a96 96 0 1 0 192 0m-96-32a32 32 0 1 1 0 64a32 32 0 1 1 0-64"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidHurricane(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M0 208C0 104.4 75.7 18.5 174.9 2.6c9.1-1.4 17.1 6 17.1 15.3v63.3c0 8.4 6.5 15.3 14.7 16.5C307 112.5 384 199 384 303.4c0 103.6-75.7 189.5-174.9 205.4c-9.2 1.5-17.1-5.9-17.1-15.2v-63.3c0-8.4-6.5-15.3-14.7-16.5C77 398.9 0 312.4 0 208m288 48a96 96 0 1 0-192 0a96 96 0 1 0 192 0m-96-32a32 32 0 1 1 0 64a32 32 0 1 1 0-64"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M0 208C0 104.4 75.7 18.5 174.9 2.6c9.1-1.4 17.1 6 17.1 15.3v63.3c0 8.4 6.5 15.3 14.7 16.5C307 112.5 384 199 384 303.4c0 103.6-75.7 189.5-174.9 205.4c-9.2 1.5-17.1-5.9-17.1-15.2v-63.3c0-8.4-6.5-15.3-14.7-16.5C77 398.9 0 312.4 0 208m288 48a96 96 0 1 0-192 0a96 96 0 1 0 192 0m-96-32a32 32 0 1 1 0 64a32 32 0 1 1 0-64"/></svg>
</template>

CSS

.icon-hurricane {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%20208C0%20104.4%2075.7%2018.5%20174.9%202.6c9.1-1.4%2017.1%206%2017.1%2015.3v63.3c0%208.4%206.5%2015.3%2014.7%2016.5C307%20112.5%20384%20199%20384%20303.4c0%20103.6-75.7%20189.5-174.9%20205.4c-9.2%201.5-17.1-5.9-17.1-15.2v-63.3c0-8.4-6.5-15.3-14.7-16.5C77%20398.9%200%20312.4%200%20208m288%2048a96%2096%200%201%200-192%200a96%2096%200%201%200%20192%200m-96-32a32%2032%200%201%201%200%2064a32%2032%200%201%201%200-64%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%20208C0%20104.4%2075.7%2018.5%20174.9%202.6c9.1-1.4%2017.1%206%2017.1%2015.3v63.3c0%208.4%206.5%2015.3%2014.7%2016.5C307%20112.5%20384%20199%20384%20303.4c0%20103.6-75.7%20189.5-174.9%20205.4c-9.2%201.5-17.1-5.9-17.1-15.2v-63.3c0-8.4-6.5-15.3-14.7-16.5C77%20398.9%200%20312.4%200%20208m288%2048a96%2096%200%201%200-192%200a96%2096%200%201%200%20192%200m-96-32a32%2032%200%201%201%200%2064a32%2032%200%201%201%200-64%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/hurricane.svg?color=%231a73e8&size=48