rainy icon

rainy-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name: rainy-sharp
Set: IonIcons
Style: Sharp
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

rainyMaterial Symbols rainyMaterial Symbols Light rainy-fillRemix Icon

Use the rainy icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M364 336H130c-29.5 0-54.92-7.83-73.53-22.64C35.23 296.44 24 271.35 24 240.8c0-26.66 10.08-49.8 29.14-66.91c15.24-13.68 36.17-23.21 59-26.84c.06 0 .08 0 .09-.05c6.44-39 23.83-72.09 50.31-95.68A140.24 140.24 0 0 1 256 16c30.23 0 58.48 9.39 81.71 27.17a142.7 142.7 0 0 1 45.36 60.66c29.41 4.82 54.72 17.11 73.19 35.54C477 160.11 488 187.71 488 219.2c0 32.85-13.13 62.87-37 84.52c-22.89 20.82-53.8 32.28-87 32.28M93.82 430.423l49.75-74.627l26.626 17.75l-49.751 74.627zm47.997 48.005l81.751-122.627l26.626 17.75l-81.752 122.628zm111.995-48.003l49.75-74.627l26.626 17.75l-49.75 74.627zm47.996 48.005l81.751-122.628l26.626 17.75l-81.752 122.628z"/></svg>

React

import type { SVGProps } from "react";

export function IonRainySharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M364 336H130c-29.5 0-54.92-7.83-73.53-22.64C35.23 296.44 24 271.35 24 240.8c0-26.66 10.08-49.8 29.14-66.91c15.24-13.68 36.17-23.21 59-26.84c.06 0 .08 0 .09-.05c6.44-39 23.83-72.09 50.31-95.68A140.24 140.24 0 0 1 256 16c30.23 0 58.48 9.39 81.71 27.17a142.7 142.7 0 0 1 45.36 60.66c29.41 4.82 54.72 17.11 73.19 35.54C477 160.11 488 187.71 488 219.2c0 32.85-13.13 62.87-37 84.52c-22.89 20.82-53.8 32.28-87 32.28M93.82 430.423l49.75-74.627l26.626 17.75l-49.751 74.627zm47.997 48.005l81.751-122.627l26.626 17.75l-81.752 122.628zm111.995-48.003l49.75-74.627l26.626 17.75l-49.75 74.627zm47.996 48.005l81.751-122.628l26.626 17.75l-81.752 122.628z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M364 336H130c-29.5 0-54.92-7.83-73.53-22.64C35.23 296.44 24 271.35 24 240.8c0-26.66 10.08-49.8 29.14-66.91c15.24-13.68 36.17-23.21 59-26.84c.06 0 .08 0 .09-.05c6.44-39 23.83-72.09 50.31-95.68A140.24 140.24 0 0 1 256 16c30.23 0 58.48 9.39 81.71 27.17a142.7 142.7 0 0 1 45.36 60.66c29.41 4.82 54.72 17.11 73.19 35.54C477 160.11 488 187.71 488 219.2c0 32.85-13.13 62.87-37 84.52c-22.89 20.82-53.8 32.28-87 32.28M93.82 430.423l49.75-74.627l26.626 17.75l-49.751 74.627zm47.997 48.005l81.751-122.627l26.626 17.75l-81.752 122.628zm111.995-48.003l49.75-74.627l26.626 17.75l-49.75 74.627zm47.996 48.005l81.751-122.628l26.626 17.75l-81.752 122.628z"/></svg>
</template>

CSS

.icon-rainy-sharp {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M364%20336H130c-29.5%200-54.92-7.83-73.53-22.64C35.23%20296.44%2024%20271.35%2024%20240.8c0-26.66%2010.08-49.8%2029.14-66.91c15.24-13.68%2036.17-23.21%2059-26.84c.06%200%20.08%200%20.09-.05c6.44-39%2023.83-72.09%2050.31-95.68A140.24%20140.24%200%200%201%20256%2016c30.23%200%2058.48%209.39%2081.71%2027.17a142.7%20142.7%200%200%201%2045.36%2060.66c29.41%204.82%2054.72%2017.11%2073.19%2035.54C477%20160.11%20488%20187.71%20488%20219.2c0%2032.85-13.13%2062.87-37%2084.52c-22.89%2020.82-53.8%2032.28-87%2032.28M93.82%20430.423l49.75-74.627l26.626%2017.75l-49.751%2074.627zm47.997%2048.005l81.751-122.627l26.626%2017.75l-81.752%20122.628zm111.995-48.003l49.75-74.627l26.626%2017.75l-49.75%2074.627zm47.996%2048.005l81.751-122.628l26.626%2017.75l-81.752%20122.628z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M364%20336H130c-29.5%200-54.92-7.83-73.53-22.64C35.23%20296.44%2024%20271.35%2024%20240.8c0-26.66%2010.08-49.8%2029.14-66.91c15.24-13.68%2036.17-23.21%2059-26.84c.06%200%20.08%200%20.09-.05c6.44-39%2023.83-72.09%2050.31-95.68A140.24%20140.24%200%200%201%20256%2016c30.23%200%2058.48%209.39%2081.71%2027.17a142.7%20142.7%200%200%201%2045.36%2060.66c29.41%204.82%2054.72%2017.11%2073.19%2035.54C477%20160.11%20488%20187.71%20488%20219.2c0%2032.85-13.13%2062.87-37%2084.52c-22.89%2020.82-53.8%2032.28-87%2032.28M93.82%20430.423l49.75-74.627l26.626%2017.75l-49.751%2074.627zm47.997%2048.005l81.751-122.627l26.626%2017.75l-81.752%20122.628zm111.995-48.003l49.75-74.627l26.626%2017.75l-49.75%2074.627zm47.996%2048.005l81.751-122.628l26.626%2017.75l-81.752%20122.628z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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