cloud hail icon

cloud-hail-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.

Name: cloud-hail-solid
Set: Myna UI Icons
Style: Solid
Viewbox: 24×24
License: MIT

1 other variant in Myna UI Icons

The same icon in other sets

cloud-hailBootstrap Icons cloud-hailFramework7 Icons cloud-hailHuge Icons cloud-hailLucide cloud-hailUnicons

Related icons in Myna UI Icons

cloud-download cloud-drizzle cloud-fog cloud-lightning cloud-moon cloud-moon-rain cloud-off cloud-rain cloud-rain-wind cloud-slash-solid cloud-snow cloud-sun cloud-sun-rain cloud-upload

Use the cloud hail icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.103 4.552c2 .614 3.66 2.175 4.493 4.836c2.05.177 3.997 1.285 5.063 2.803c.59.842.932 1.844.82 2.9c-.113 1.066-.677 2.087-1.713 2.975c-1.116.957-2.676 1.184-3.894 1.184H16a.754.754 0 0 0 .75-.75V17a.75.75 0 0 0-1.5 0v1.5c0 .413.338.747.75.75h-3.25V19a.75.75 0 0 0-1.5 0v.25H8a.757.757 0 0 0 .75-.75V17a.75.75 0 0 0-1.5 0v1.5a.75.75 0 0 0 .735.75a6.14 6.14 0 0 1-4.68-2.211c-2-2.263-2.423-4.666-1.772-6.796c.64-2.09 2.28-3.812 4.216-4.86c1.935-1.046 4.267-1.472 6.354-.831M7.25 13v1.5a.75.75 0 0 0 1.5 0V13a.75.75 0 0 0-1.5 0m4 2v1.5a.75.75 0 0 0 1.5 0V15a.75.75 0 0 0-1.5 0m4-2v1.5a.75.75 0 0 0 1.5 0V13a.75.75 0 0 0-1.5 0m-4 7.5v-1.25h1.5v1.25a.75.75 0 0 1-1.5 0M8 19.25c-.003 0 .003 0 0 0"/></svg>

React

import type { SVGProps } from "react";

export function MynauiCloudHailSolid(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="M12.103 4.552c2 .614 3.66 2.175 4.493 4.836c2.05.177 3.997 1.285 5.063 2.803c.59.842.932 1.844.82 2.9c-.113 1.066-.677 2.087-1.713 2.975c-1.116.957-2.676 1.184-3.894 1.184H16a.754.754 0 0 0 .75-.75V17a.75.75 0 0 0-1.5 0v1.5c0 .413.338.747.75.75h-3.25V19a.75.75 0 0 0-1.5 0v.25H8a.757.757 0 0 0 .75-.75V17a.75.75 0 0 0-1.5 0v1.5a.75.75 0 0 0 .735.75a6.14 6.14 0 0 1-4.68-2.211c-2-2.263-2.423-4.666-1.772-6.796c.64-2.09 2.28-3.812 4.216-4.86c1.935-1.046 4.267-1.472 6.354-.831M7.25 13v1.5a.75.75 0 0 0 1.5 0V13a.75.75 0 0 0-1.5 0m4 2v1.5a.75.75 0 0 0 1.5 0V15a.75.75 0 0 0-1.5 0m4-2v1.5a.75.75 0 0 0 1.5 0V13a.75.75 0 0 0-1.5 0m-4 7.5v-1.25h1.5v1.25a.75.75 0 0 1-1.5 0M8 19.25c-.003 0 .003 0 0 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.103 4.552c2 .614 3.66 2.175 4.493 4.836c2.05.177 3.997 1.285 5.063 2.803c.59.842.932 1.844.82 2.9c-.113 1.066-.677 2.087-1.713 2.975c-1.116.957-2.676 1.184-3.894 1.184H16a.754.754 0 0 0 .75-.75V17a.75.75 0 0 0-1.5 0v1.5c0 .413.338.747.75.75h-3.25V19a.75.75 0 0 0-1.5 0v.25H8a.757.757 0 0 0 .75-.75V17a.75.75 0 0 0-1.5 0v1.5a.75.75 0 0 0 .735.75a6.14 6.14 0 0 1-4.68-2.211c-2-2.263-2.423-4.666-1.772-6.796c.64-2.09 2.28-3.812 4.216-4.86c1.935-1.046 4.267-1.472 6.354-.831M7.25 13v1.5a.75.75 0 0 0 1.5 0V13a.75.75 0 0 0-1.5 0m4 2v1.5a.75.75 0 0 0 1.5 0V15a.75.75 0 0 0-1.5 0m4-2v1.5a.75.75 0 0 0 1.5 0V13a.75.75 0 0 0-1.5 0m-4 7.5v-1.25h1.5v1.25a.75.75 0 0 1-1.5 0M8 19.25c-.003 0 .003 0 0 0"/></svg>
</template>

CSS

.icon-cloud-hail-solid {
  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%22M12.103%204.552c2%20.614%203.66%202.175%204.493%204.836c2.05.177%203.997%201.285%205.063%202.803c.59.842.932%201.844.82%202.9c-.113%201.066-.677%202.087-1.713%202.975c-1.116.957-2.676%201.184-3.894%201.184H16a.754.754%200%200%200%20.75-.75V17a.75.75%200%200%200-1.5%200v1.5c0%20.413.338.747.75.75h-3.25V19a.75.75%200%200%200-1.5%200v.25H8a.757.757%200%200%200%20.75-.75V17a.75.75%200%200%200-1.5%200v1.5a.75.75%200%200%200%20.735.75a6.14%206.14%200%200%201-4.68-2.211c-2-2.263-2.423-4.666-1.772-6.796c.64-2.09%202.28-3.812%204.216-4.86c1.935-1.046%204.267-1.472%206.354-.831M7.25%2013v1.5a.75.75%200%200%200%201.5%200V13a.75.75%200%200%200-1.5%200m4%202v1.5a.75.75%200%200%200%201.5%200V15a.75.75%200%200%200-1.5%200m4-2v1.5a.75.75%200%200%200%201.5%200V13a.75.75%200%200%200-1.5%200m-4%207.5v-1.25h1.5v1.25a.75.75%200%200%201-1.5%200M8%2019.25c-.003%200%20.003%200%200%200%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%22M12.103%204.552c2%20.614%203.66%202.175%204.493%204.836c2.05.177%203.997%201.285%205.063%202.803c.59.842.932%201.844.82%202.9c-.113%201.066-.677%202.087-1.713%202.975c-1.116.957-2.676%201.184-3.894%201.184H16a.754.754%200%200%200%20.75-.75V17a.75.75%200%200%200-1.5%200v1.5c0%20.413.338.747.75.75h-3.25V19a.75.75%200%200%200-1.5%200v.25H8a.757.757%200%200%200%20.75-.75V17a.75.75%200%200%200-1.5%200v1.5a.75.75%200%200%200%20.735.75a6.14%206.14%200%200%201-4.68-2.211c-2-2.263-2.423-4.666-1.772-6.796c.64-2.09%202.28-3.812%204.216-4.86c1.935-1.046%204.267-1.472%206.354-.831M7.25%2013v1.5a.75.75%200%200%200%201.5%200V13a.75.75%200%200%200-1.5%200m4%202v1.5a.75.75%200%200%200%201.5%200V15a.75.75%200%200%200-1.5%200m4-2v1.5a.75.75%200%200%200%201.5%200V13a.75.75%200%200%200-1.5%200m-4%207.5v-1.25h1.5v1.25a.75.75%200%200%201-1.5%200M8%2019.25c-.003%200%20.003%200%200%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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