cyclone emoji
cyclone from Emoji One (Colored) by Emoji One · Default · Symbols · CC-BY-4.0 Attribution required.
- Name
- cyclone
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Symbols
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More symbols icons from Emoji One (Colored)
Use the cyclone emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#4fd1d9"><path d="M58 33.2c-.4-14.1-12.6-24.7-26.7-22.1c-12 2.2-19.3 15.1-13.9 26.1c2.6 5.4 9.1 7.8 14.8 6.5c6-1.3 9.2-8.5 6.9-13.9c-1.3-3-6.3-1.7-5 1.4c2.4 5.7-3.6 9.1-8.5 7c-3.7-1.6-4.9-5.9-4.9-9.6c.1-9.1 10.7-14 18.7-12.6c10.2 1.9 14.6 13.6 13 22.8c-1.7 9.9-10.8 16.5-20.3 18.2c-3.3.6-1.9 5.6 1.4 5C47.6 59.4 58.4 47.8 58 33.2"/><path d="M46.6 25.5c-6.4-11.2-25.6-4.9-21 8.2c1.1 3.1 6.1 1.8 5-1.4c-1.7-4.9 1.7-8.3 6.9-7.6c4 .6 6 5.1 6.4 8.6C45.4 45 31.8 51.1 22.5 47c-8.8-3.9-12.7-13.9-10.6-22.9c2.2-9 10.7-16.2 19.9-16.9c3.3-.3 3.3-5.4 0-5.2C18 3.1 7.1 14.4 6.1 28C5 41.6 16.8 54.1 30.5 53.6c14-.5 23-16.1 16.1-28.1"/></g></svg>
React
import type { SVGProps } from "react";
export function EmojioneCyclone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#4fd1d9"><path d="M58 33.2c-.4-14.1-12.6-24.7-26.7-22.1c-12 2.2-19.3 15.1-13.9 26.1c2.6 5.4 9.1 7.8 14.8 6.5c6-1.3 9.2-8.5 6.9-13.9c-1.3-3-6.3-1.7-5 1.4c2.4 5.7-3.6 9.1-8.5 7c-3.7-1.6-4.9-5.9-4.9-9.6c.1-9.1 10.7-14 18.7-12.6c10.2 1.9 14.6 13.6 13 22.8c-1.7 9.9-10.8 16.5-20.3 18.2c-3.3.6-1.9 5.6 1.4 5C47.6 59.4 58.4 47.8 58 33.2"/><path d="M46.6 25.5c-6.4-11.2-25.6-4.9-21 8.2c1.1 3.1 6.1 1.8 5-1.4c-1.7-4.9 1.7-8.3 6.9-7.6c4 .6 6 5.1 6.4 8.6C45.4 45 31.8 51.1 22.5 47c-8.8-3.9-12.7-13.9-10.6-22.9c2.2-9 10.7-16.2 19.9-16.9c3.3-.3 3.3-5.4 0-5.2C18 3.1 7.1 14.4 6.1 28C5 41.6 16.8 54.1 30.5 53.6c14-.5 23-16.1 16.1-28.1"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#4fd1d9"><path d="M58 33.2c-.4-14.1-12.6-24.7-26.7-22.1c-12 2.2-19.3 15.1-13.9 26.1c2.6 5.4 9.1 7.8 14.8 6.5c6-1.3 9.2-8.5 6.9-13.9c-1.3-3-6.3-1.7-5 1.4c2.4 5.7-3.6 9.1-8.5 7c-3.7-1.6-4.9-5.9-4.9-9.6c.1-9.1 10.7-14 18.7-12.6c10.2 1.9 14.6 13.6 13 22.8c-1.7 9.9-10.8 16.5-20.3 18.2c-3.3.6-1.9 5.6 1.4 5C47.6 59.4 58.4 47.8 58 33.2"/><path d="M46.6 25.5c-6.4-11.2-25.6-4.9-21 8.2c1.1 3.1 6.1 1.8 5-1.4c-1.7-4.9 1.7-8.3 6.9-7.6c4 .6 6 5.1 6.4 8.6C45.4 45 31.8 51.1 22.5 47c-8.8-3.9-12.7-13.9-10.6-22.9c2.2-9 10.7-16.2 19.9-16.9c3.3-.3 3.3-5.4 0-5.2C18 3.1 7.1 14.4 6.1 28C5 41.6 16.8 54.1 30.5 53.6c14-.5 23-16.1 16.1-28.1"/></g></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%2064%2064%22%3E%3Cg%20fill%3D%22%234fd1d9%22%3E%3Cpath%20d%3D%22M58%2033.2c-.4-14.1-12.6-24.7-26.7-22.1c-12%202.2-19.3%2015.1-13.9%2026.1c2.6%205.4%209.1%207.8%2014.8%206.5c6-1.3%209.2-8.5%206.9-13.9c-1.3-3-6.3-1.7-5%201.4c2.4%205.7-3.6%209.1-8.5%207c-3.7-1.6-4.9-5.9-4.9-9.6c.1-9.1%2010.7-14%2018.7-12.6c10.2%201.9%2014.6%2013.6%2013%2022.8c-1.7%209.9-10.8%2016.5-20.3%2018.2c-3.3.6-1.9%205.6%201.4%205C47.6%2059.4%2058.4%2047.8%2058%2033.2%22%2F%3E%3Cpath%20d%3D%22M46.6%2025.5c-6.4-11.2-25.6-4.9-21%208.2c1.1%203.1%206.1%201.8%205-1.4c-1.7-4.9%201.7-8.3%206.9-7.6c4%20.6%206%205.1%206.4%208.6C45.4%2045%2031.8%2051.1%2022.5%2047c-8.8-3.9-12.7-13.9-10.6-22.9c2.2-9%2010.7-16.2%2019.9-16.9c3.3-.3%203.3-5.4%200-5.2C18%203.1%207.1%2014.4%206.1%2028C5%2041.6%2016.8%2054.1%2030.5%2053.6c14-.5%2023-16.1%2016.1-28.1%22%2F%3E%3C%2Fg%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%2064%2064%22%3E%3Cg%20fill%3D%22%234fd1d9%22%3E%3Cpath%20d%3D%22M58%2033.2c-.4-14.1-12.6-24.7-26.7-22.1c-12%202.2-19.3%2015.1-13.9%2026.1c2.6%205.4%209.1%207.8%2014.8%206.5c6-1.3%209.2-8.5%206.9-13.9c-1.3-3-6.3-1.7-5%201.4c2.4%205.7-3.6%209.1-8.5%207c-3.7-1.6-4.9-5.9-4.9-9.6c.1-9.1%2010.7-14%2018.7-12.6c10.2%201.9%2014.6%2013.6%2013%2022.8c-1.7%209.9-10.8%2016.5-20.3%2018.2c-3.3.6-1.9%205.6%201.4%205C47.6%2059.4%2058.4%2047.8%2058%2033.2%22%2F%3E%3Cpath%20d%3D%22M46.6%2025.5c-6.4-11.2-25.6-4.9-21%208.2c1.1%203.1%206.1%201.8%205-1.4c-1.7-4.9%201.7-8.3%206.9-7.6c4%20.6%206%205.1%206.4%208.6C45.4%2045%2031.8%2051.1%2022.5%2047c-8.8-3.9-12.7-13.9-10.6-22.9c2.2-9%2010.7-16.2%2019.9-16.9c3.3-.3%203.3-5.4%200-5.2C18%203.1%207.1%2014.4%206.1%2028C5%2041.6%2016.8%2054.1%2030.5%2053.6c14-.5%2023-16.1%2016.1-28.1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/cyclone.svg?color=%231a73e8&size=48
