storm icon

storm-rounded from Material Symbols Light by Google · Rounded · Activities · Apache-2.0 Free for personal and commercial use.

Name
storm-rounded
Set
Material Symbols Light
Style
Rounded
Category
Activities
Viewbox
24×24
License
Apache 2.0

3 other variants in Material Symbols Light

stormstorm-outlinestorm-outline-rounded

The same icon in other sets

stormCarbonstormHumbleiconsstormMaterial SymbolsstormTabler Icons

More activities icons from Material Symbols Light

airarchitecturearrow-cool-downarrow-warm-upavg-paceavg-timeazmbackpackbadmintonbath-outdoorbath-privatebath-public-largebiabiotechbooks-movies-and-musiccadencecakecake-addcampaigncampingcheck-in-outcleaningconfirmation-numberconstruction

Use the storm icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.45 21.116q-.202 0-.299-.191q-.097-.19-.03-.437q.483-1.574.614-3.194q.13-1.619-.085-3.244q-.61 2.229-2.46 3.59Q14.338 19 12 19q-1.85 0-3.3-.92t-2.448-2.426t-1.514-3.46t-.515-4.006q0-1.203.147-2.38q.147-1.175.478-2.33q.067-.262.25-.428t.452-.165q.202 0 .299.19t.03.437q-.458 1.575-.601 3.194T5.35 9.95q.61-2.229 2.46-3.59Q9.663 5 12 5q1.85 0 3.3.92t2.448 2.426t1.514 3.451t.515 4.015q0 1.204-.147 2.38t-.478 2.33q-.067.263-.25.428q-.183.166-.452.166m-4.327-6.993Q15 13.246 15 12t-.877-2.123T12 9t-2.123.877T9 12t.877 2.123T12 15t2.123-.877m-3.535-.71Q10 12.825 10 12t.588-1.412T12 10t1.413.588T14 12t-.587 1.413T12 14t-1.412-.587"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightStormRounded(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.45 21.116q-.202 0-.299-.191q-.097-.19-.03-.437q.483-1.574.614-3.194q.13-1.619-.085-3.244q-.61 2.229-2.46 3.59Q14.338 19 12 19q-1.85 0-3.3-.92t-2.448-2.426t-1.514-3.46t-.515-4.006q0-1.203.147-2.38q.147-1.175.478-2.33q.067-.262.25-.428t.452-.165q.202 0 .299.19t.03.437q-.458 1.575-.601 3.194T5.35 9.95q.61-2.229 2.46-3.59Q9.663 5 12 5q1.85 0 3.3.92t2.448 2.426t1.514 3.451t.515 4.015q0 1.204-.147 2.38t-.478 2.33q-.067.263-.25.428q-.183.166-.452.166m-4.327-6.993Q15 13.246 15 12t-.877-2.123T12 9t-2.123.877T9 12t.877 2.123T12 15t2.123-.877m-3.535-.71Q10 12.825 10 12t.588-1.412T12 10t1.413.588T14 12t-.587 1.413T12 14t-1.412-.587"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.45 21.116q-.202 0-.299-.191q-.097-.19-.03-.437q.483-1.574.614-3.194q.13-1.619-.085-3.244q-.61 2.229-2.46 3.59Q14.338 19 12 19q-1.85 0-3.3-.92t-2.448-2.426t-1.514-3.46t-.515-4.006q0-1.203.147-2.38q.147-1.175.478-2.33q.067-.262.25-.428t.452-.165q.202 0 .299.19t.03.437q-.458 1.575-.601 3.194T5.35 9.95q.61-2.229 2.46-3.59Q9.663 5 12 5q1.85 0 3.3.92t2.448 2.426t1.514 3.451t.515 4.015q0 1.204-.147 2.38t-.478 2.33q-.067.263-.25.428q-.183.166-.452.166m-4.327-6.993Q15 13.246 15 12t-.877-2.123T12 9t-2.123.877T9 12t.877 2.123T12 15t2.123-.877m-3.535-.71Q10 12.825 10 12t.588-1.412T12 10t1.413.588T14 12t-.587 1.413T12 14t-1.412-.587"/></svg>
</template>

CSS

.icon-storm-rounded {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.45%2021.116q-.202%200-.299-.191q-.097-.19-.03-.437q.483-1.574.614-3.194q.13-1.619-.085-3.244q-.61%202.229-2.46%203.59Q14.338%2019%2012%2019q-1.85%200-3.3-.92t-2.448-2.426t-1.514-3.46t-.515-4.006q0-1.203.147-2.38q.147-1.175.478-2.33q.067-.262.25-.428t.452-.165q.202%200%20.299.19t.03.437q-.458%201.575-.601%203.194T5.35%209.95q.61-2.229%202.46-3.59Q9.663%205%2012%205q1.85%200%203.3.92t2.448%202.426t1.514%203.451t.515%204.015q0%201.204-.147%202.38t-.478%202.33q-.067.263-.25.428q-.183.166-.452.166m-4.327-6.993Q15%2013.246%2015%2012t-.877-2.123T12%209t-2.123.877T9%2012t.877%202.123T12%2015t2.123-.877m-3.535-.71Q10%2012.825%2010%2012t.588-1.412T12%2010t1.413.588T14%2012t-.587%201.413T12%2014t-1.412-.587%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.45%2021.116q-.202%200-.299-.191q-.097-.19-.03-.437q.483-1.574.614-3.194q.13-1.619-.085-3.244q-.61%202.229-2.46%203.59Q14.338%2019%2012%2019q-1.85%200-3.3-.92t-2.448-2.426t-1.514-3.46t-.515-4.006q0-1.203.147-2.38q.147-1.175.478-2.33q.067-.262.25-.428t.452-.165q.202%200%20.299.19t.03.437q-.458%201.575-.601%203.194T5.35%209.95q.61-2.229%202.46-3.59Q9.663%205%2012%205q1.85%200%203.3.92t2.448%202.426t1.514%203.451t.515%204.015q0%201.204-.147%202.38t-.478%202.33q-.067.263-.25.428q-.183.166-.452.166m-4.327-6.993Q15%2013.246%2015%2012t-.877-2.123T12%209t-2.123.877T9%2012t.877%202.123T12%2015t2.123-.877m-3.535-.71Q10%2012.825%2010%2012t.588-1.412T12%2010t1.413.588T14%2012t-.587%201.413T12%2014t-1.412-.587%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/storm-rounded.svg?color=%231a73e8&size=48

Storm rounded icon — Material Symbols Light · IconsDB