cyclone emoji
cyclone from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.
- Name
- cyclone
- Set
- Twitter Emoji
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More travel & places icons from Twitter Emoji
Use the cyclone emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#55acee" d="M35.782 24.518a1.7 1.7 0 0 0-.821-1.016c-.802-.436-1.879-.116-2.316.683a13.98 13.98 0 0 1-8.372 6.757a14.1 14.1 0 0 1-10.698-1.144a10.83 10.83 0 0 1-5.242-6.493c-.74-2.514-.495-5.016.552-7.033a9.74 9.74 0 0 0 .164 4.908a9.7 9.7 0 0 0 4.701 5.823a11.84 11.84 0 0 0 8.979.961a11.72 11.72 0 0 0 7.026-5.672a14.22 14.22 0 0 0 1.165-10.898a14.23 14.23 0 0 0-6.883-8.529a17.54 17.54 0 0 0-13.299-1.419A17.36 17.36 0 0 0 .332 9.843a1.71 1.71 0 0 0 .681 2.317c.804.439 1.884.117 2.319-.682a13.96 13.96 0 0 1 8.371-6.755a14.12 14.12 0 0 1 10.699 1.142a10.83 10.83 0 0 1 5.239 6.495c.741 2.514.496 5.017-.552 7.033a9.75 9.75 0 0 0-.162-4.911a9.73 9.73 0 0 0-4.702-5.824a11.86 11.86 0 0 0-8.98-.959A11.72 11.72 0 0 0 6.22 13.37a14.22 14.22 0 0 0-1.165 10.897a14.22 14.22 0 0 0 6.883 8.529a17.5 17.5 0 0 0 8.341 2.141c1.669 0 3.337-.242 4.958-.72a17.35 17.35 0 0 0 10.406-8.399c.219-.399.269-.862.139-1.3M16.784 14.002c.373-.11.758-.166 1.143-.166a4.06 4.06 0 0 1 3.875 2.901a4.05 4.05 0 0 1-3.879 5.186a4.06 4.06 0 0 1-3.875-2.902a4.047 4.047 0 0 1 2.736-5.019"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiCyclone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#55acee" d="M35.782 24.518a1.7 1.7 0 0 0-.821-1.016c-.802-.436-1.879-.116-2.316.683a13.98 13.98 0 0 1-8.372 6.757a14.1 14.1 0 0 1-10.698-1.144a10.83 10.83 0 0 1-5.242-6.493c-.74-2.514-.495-5.016.552-7.033a9.74 9.74 0 0 0 .164 4.908a9.7 9.7 0 0 0 4.701 5.823a11.84 11.84 0 0 0 8.979.961a11.72 11.72 0 0 0 7.026-5.672a14.22 14.22 0 0 0 1.165-10.898a14.23 14.23 0 0 0-6.883-8.529a17.54 17.54 0 0 0-13.299-1.419A17.36 17.36 0 0 0 .332 9.843a1.71 1.71 0 0 0 .681 2.317c.804.439 1.884.117 2.319-.682a13.96 13.96 0 0 1 8.371-6.755a14.12 14.12 0 0 1 10.699 1.142a10.83 10.83 0 0 1 5.239 6.495c.741 2.514.496 5.017-.552 7.033a9.75 9.75 0 0 0-.162-4.911a9.73 9.73 0 0 0-4.702-5.824a11.86 11.86 0 0 0-8.98-.959A11.72 11.72 0 0 0 6.22 13.37a14.22 14.22 0 0 0-1.165 10.897a14.22 14.22 0 0 0 6.883 8.529a17.5 17.5 0 0 0 8.341 2.141c1.669 0 3.337-.242 4.958-.72a17.35 17.35 0 0 0 10.406-8.399c.219-.399.269-.862.139-1.3M16.784 14.002c.373-.11.758-.166 1.143-.166a4.06 4.06 0 0 1 3.875 2.901a4.05 4.05 0 0 1-3.879 5.186a4.06 4.06 0 0 1-3.875-2.902a4.047 4.047 0 0 1 2.736-5.019"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#55acee" d="M35.782 24.518a1.7 1.7 0 0 0-.821-1.016c-.802-.436-1.879-.116-2.316.683a13.98 13.98 0 0 1-8.372 6.757a14.1 14.1 0 0 1-10.698-1.144a10.83 10.83 0 0 1-5.242-6.493c-.74-2.514-.495-5.016.552-7.033a9.74 9.74 0 0 0 .164 4.908a9.7 9.7 0 0 0 4.701 5.823a11.84 11.84 0 0 0 8.979.961a11.72 11.72 0 0 0 7.026-5.672a14.22 14.22 0 0 0 1.165-10.898a14.23 14.23 0 0 0-6.883-8.529a17.54 17.54 0 0 0-13.299-1.419A17.36 17.36 0 0 0 .332 9.843a1.71 1.71 0 0 0 .681 2.317c.804.439 1.884.117 2.319-.682a13.96 13.96 0 0 1 8.371-6.755a14.12 14.12 0 0 1 10.699 1.142a10.83 10.83 0 0 1 5.239 6.495c.741 2.514.496 5.017-.552 7.033a9.75 9.75 0 0 0-.162-4.911a9.73 9.73 0 0 0-4.702-5.824a11.86 11.86 0 0 0-8.98-.959A11.72 11.72 0 0 0 6.22 13.37a14.22 14.22 0 0 0-1.165 10.897a14.22 14.22 0 0 0 6.883 8.529a17.5 17.5 0 0 0 8.341 2.141c1.669 0 3.337-.242 4.958-.72a17.35 17.35 0 0 0 10.406-8.399c.219-.399.269-.862.139-1.3M16.784 14.002c.373-.11.758-.166 1.143-.166a4.06 4.06 0 0 1 3.875 2.901a4.05 4.05 0 0 1-3.879 5.186a4.06 4.06 0 0 1-3.875-2.902a4.047 4.047 0 0 1 2.736-5.019"/></svg> </template>
CSS
.icon-cyclone {
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%2036%2036%22%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M35.782%2024.518a1.7%201.7%200%200%200-.821-1.016c-.802-.436-1.879-.116-2.316.683a13.98%2013.98%200%200%201-8.372%206.757a14.1%2014.1%200%200%201-10.698-1.144a10.83%2010.83%200%200%201-5.242-6.493c-.74-2.514-.495-5.016.552-7.033a9.74%209.74%200%200%200%20.164%204.908a9.7%209.7%200%200%200%204.701%205.823a11.84%2011.84%200%200%200%208.979.961a11.72%2011.72%200%200%200%207.026-5.672a14.22%2014.22%200%200%200%201.165-10.898a14.23%2014.23%200%200%200-6.883-8.529a17.54%2017.54%200%200%200-13.299-1.419A17.36%2017.36%200%200%200%20.332%209.843a1.71%201.71%200%200%200%20.681%202.317c.804.439%201.884.117%202.319-.682a13.96%2013.96%200%200%201%208.371-6.755a14.12%2014.12%200%200%201%2010.699%201.142a10.83%2010.83%200%200%201%205.239%206.495c.741%202.514.496%205.017-.552%207.033a9.75%209.75%200%200%200-.162-4.911a9.73%209.73%200%200%200-4.702-5.824a11.86%2011.86%200%200%200-8.98-.959A11.72%2011.72%200%200%200%206.22%2013.37a14.22%2014.22%200%200%200-1.165%2010.897a14.22%2014.22%200%200%200%206.883%208.529a17.5%2017.5%200%200%200%208.341%202.141c1.669%200%203.337-.242%204.958-.72a17.35%2017.35%200%200%200%2010.406-8.399c.219-.399.269-.862.139-1.3M16.784%2014.002c.373-.11.758-.166%201.143-.166a4.06%204.06%200%200%201%203.875%202.901a4.05%204.05%200%200%201-3.879%205.186a4.06%204.06%200%200%201-3.875-2.902a4.047%204.047%200%200%201%202.736-5.019%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%2036%2036%22%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M35.782%2024.518a1.7%201.7%200%200%200-.821-1.016c-.802-.436-1.879-.116-2.316.683a13.98%2013.98%200%200%201-8.372%206.757a14.1%2014.1%200%200%201-10.698-1.144a10.83%2010.83%200%200%201-5.242-6.493c-.74-2.514-.495-5.016.552-7.033a9.74%209.74%200%200%200%20.164%204.908a9.7%209.7%200%200%200%204.701%205.823a11.84%2011.84%200%200%200%208.979.961a11.72%2011.72%200%200%200%207.026-5.672a14.22%2014.22%200%200%200%201.165-10.898a14.23%2014.23%200%200%200-6.883-8.529a17.54%2017.54%200%200%200-13.299-1.419A17.36%2017.36%200%200%200%20.332%209.843a1.71%201.71%200%200%200%20.681%202.317c.804.439%201.884.117%202.319-.682a13.96%2013.96%200%200%201%208.371-6.755a14.12%2014.12%200%200%201%2010.699%201.142a10.83%2010.83%200%200%201%205.239%206.495c.741%202.514.496%205.017-.552%207.033a9.75%209.75%200%200%200-.162-4.911a9.73%209.73%200%200%200-4.702-5.824a11.86%2011.86%200%200%200-8.98-.959A11.72%2011.72%200%200%200%206.22%2013.37a14.22%2014.22%200%200%200-1.165%2010.897a14.22%2014.22%200%200%200%206.883%208.529a17.5%2017.5%200%200%200%208.341%202.141c1.669%200%203.337-.242%204.958-.72a17.35%2017.35%200%200%200%2010.406-8.399c.219-.399.269-.862.139-1.3M16.784%2014.002c.373-.11.758-.166%201.143-.166a4.06%204.06%200%200%201%203.875%202.901a4.05%204.05%200%200%201-3.879%205.186a4.06%204.06%200%200%201-3.875-2.902a4.047%204.047%200%200%201%202.736-5.019%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/cyclone.svg?color=%231a73e8&size=48
