cloud hail icon
cloud-hail-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- cloud-hail-fill
- Set
- Framework7 Icons
- Style
- Fill
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
The same icon in other sets
Related icons in Framework7 Icons
Use the cloud hail icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M12.262 35.828h29.086c7.43 0 13.172-5.601 13.172-12.82c0-7.29-6-12.75-13.946-12.68c-3-6.047-8.507-9.515-15-9.515c-8.648 0-15.937 6.796-16.617 15.539c-4.547 1.242-7.477 5.086-7.477 9.68c0 5.812 4.36 9.796 10.782 9.796m3.023 8.79l1.57-2.79c.399-.68.212-1.523-.492-1.945c-.726-.399-1.546-.14-1.945.539l-1.594 2.812c-.375.68-.21 1.5.516 1.922c.703.375 1.547.14 1.945-.539m10.219 3.585l3.656-6.328c.399-.727.188-1.547-.492-1.969c-.726-.398-1.547-.164-1.945.54l-3.68 6.398c-.398.656-.187 1.476.54 1.898c.679.399 1.523.14 1.921-.539m14.344-3.492l1.57-2.79c.398-.679.211-1.523-.492-1.944c-.727-.399-1.547-.164-1.946.539l-1.593 2.812c-.375.68-.211 1.5.515 1.922c.703.375 1.547.14 1.946-.54m-28.711 6.867c1.383 0 2.531-1.148 2.531-2.555c0-1.359-1.148-2.53-2.531-2.53c-1.407 0-2.555 1.171-2.555 2.53a2.56 2.56 0 0 0 2.555 2.555m24.562.094c1.36 0 2.532-1.149 2.532-2.555c0-1.36-1.149-2.531-2.532-2.531c-1.406 0-2.554 1.172-2.554 2.531a2.56 2.56 0 0 0 2.554 2.555m-14.343 3.516c1.382 0 2.53-1.172 2.53-2.579c0-1.359-1.148-2.53-2.53-2.53c-1.383 0-2.555 1.171-2.555 2.53c0 1.407 1.172 2.578 2.555 2.578"/></svg>
React
import type { SVGProps } from "react";
export function F7CloudHailFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M12.262 35.828h29.086c7.43 0 13.172-5.601 13.172-12.82c0-7.29-6-12.75-13.946-12.68c-3-6.047-8.507-9.515-15-9.515c-8.648 0-15.937 6.796-16.617 15.539c-4.547 1.242-7.477 5.086-7.477 9.68c0 5.812 4.36 9.796 10.782 9.796m3.023 8.79l1.57-2.79c.399-.68.212-1.523-.492-1.945c-.726-.399-1.546-.14-1.945.539l-1.594 2.812c-.375.68-.21 1.5.516 1.922c.703.375 1.547.14 1.945-.539m10.219 3.585l3.656-6.328c.399-.727.188-1.547-.492-1.969c-.726-.398-1.547-.164-1.945.54l-3.68 6.398c-.398.656-.187 1.476.54 1.898c.679.399 1.523.14 1.921-.539m14.344-3.492l1.57-2.79c.398-.679.211-1.523-.492-1.944c-.727-.399-1.547-.164-1.946.539l-1.593 2.812c-.375.68-.211 1.5.515 1.922c.703.375 1.547.14 1.946-.54m-28.711 6.867c1.383 0 2.531-1.148 2.531-2.555c0-1.359-1.148-2.53-2.531-2.53c-1.407 0-2.555 1.171-2.555 2.53a2.56 2.56 0 0 0 2.555 2.555m24.562.094c1.36 0 2.532-1.149 2.532-2.555c0-1.36-1.149-2.531-2.532-2.531c-1.406 0-2.554 1.172-2.554 2.531a2.56 2.56 0 0 0 2.554 2.555m-14.343 3.516c1.382 0 2.53-1.172 2.53-2.579c0-1.359-1.148-2.53-2.53-2.53c-1.383 0-2.555 1.171-2.555 2.53c0 1.407 1.172 2.578 2.555 2.578"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M12.262 35.828h29.086c7.43 0 13.172-5.601 13.172-12.82c0-7.29-6-12.75-13.946-12.68c-3-6.047-8.507-9.515-15-9.515c-8.648 0-15.937 6.796-16.617 15.539c-4.547 1.242-7.477 5.086-7.477 9.68c0 5.812 4.36 9.796 10.782 9.796m3.023 8.79l1.57-2.79c.399-.68.212-1.523-.492-1.945c-.726-.399-1.546-.14-1.945.539l-1.594 2.812c-.375.68-.21 1.5.516 1.922c.703.375 1.547.14 1.945-.539m10.219 3.585l3.656-6.328c.399-.727.188-1.547-.492-1.969c-.726-.398-1.547-.164-1.945.54l-3.68 6.398c-.398.656-.187 1.476.54 1.898c.679.399 1.523.14 1.921-.539m14.344-3.492l1.57-2.79c.398-.679.211-1.523-.492-1.944c-.727-.399-1.547-.164-1.946.539l-1.593 2.812c-.375.68-.211 1.5.515 1.922c.703.375 1.547.14 1.946-.54m-28.711 6.867c1.383 0 2.531-1.148 2.531-2.555c0-1.359-1.148-2.53-2.531-2.53c-1.407 0-2.555 1.171-2.555 2.53a2.56 2.56 0 0 0 2.555 2.555m24.562.094c1.36 0 2.532-1.149 2.532-2.555c0-1.36-1.149-2.531-2.532-2.531c-1.406 0-2.554 1.172-2.554 2.531a2.56 2.56 0 0 0 2.554 2.555m-14.343 3.516c1.382 0 2.53-1.172 2.53-2.579c0-1.359-1.148-2.53-2.53-2.53c-1.383 0-2.555 1.171-2.555 2.53c0 1.407 1.172 2.578 2.555 2.578"/></svg> </template>
CSS
.icon-cloud-hail-fill {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.262%2035.828h29.086c7.43%200%2013.172-5.601%2013.172-12.82c0-7.29-6-12.75-13.946-12.68c-3-6.047-8.507-9.515-15-9.515c-8.648%200-15.937%206.796-16.617%2015.539c-4.547%201.242-7.477%205.086-7.477%209.68c0%205.812%204.36%209.796%2010.782%209.796m3.023%208.79l1.57-2.79c.399-.68.212-1.523-.492-1.945c-.726-.399-1.546-.14-1.945.539l-1.594%202.812c-.375.68-.21%201.5.516%201.922c.703.375%201.547.14%201.945-.539m10.219%203.585l3.656-6.328c.399-.727.188-1.547-.492-1.969c-.726-.398-1.547-.164-1.945.54l-3.68%206.398c-.398.656-.187%201.476.54%201.898c.679.399%201.523.14%201.921-.539m14.344-3.492l1.57-2.79c.398-.679.211-1.523-.492-1.944c-.727-.399-1.547-.164-1.946.539l-1.593%202.812c-.375.68-.211%201.5.515%201.922c.703.375%201.547.14%201.946-.54m-28.711%206.867c1.383%200%202.531-1.148%202.531-2.555c0-1.359-1.148-2.53-2.531-2.53c-1.407%200-2.555%201.171-2.555%202.53a2.56%202.56%200%200%200%202.555%202.555m24.562.094c1.36%200%202.532-1.149%202.532-2.555c0-1.36-1.149-2.531-2.532-2.531c-1.406%200-2.554%201.172-2.554%202.531a2.56%202.56%200%200%200%202.554%202.555m-14.343%203.516c1.382%200%202.53-1.172%202.53-2.579c0-1.359-1.148-2.53-2.53-2.53c-1.383%200-2.555%201.171-2.555%202.53c0%201.407%201.172%202.578%202.555%202.578%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.262%2035.828h29.086c7.43%200%2013.172-5.601%2013.172-12.82c0-7.29-6-12.75-13.946-12.68c-3-6.047-8.507-9.515-15-9.515c-8.648%200-15.937%206.796-16.617%2015.539c-4.547%201.242-7.477%205.086-7.477%209.68c0%205.812%204.36%209.796%2010.782%209.796m3.023%208.79l1.57-2.79c.399-.68.212-1.523-.492-1.945c-.726-.399-1.546-.14-1.945.539l-1.594%202.812c-.375.68-.21%201.5.516%201.922c.703.375%201.547.14%201.945-.539m10.219%203.585l3.656-6.328c.399-.727.188-1.547-.492-1.969c-.726-.398-1.547-.164-1.945.54l-3.68%206.398c-.398.656-.187%201.476.54%201.898c.679.399%201.523.14%201.921-.539m14.344-3.492l1.57-2.79c.398-.679.211-1.523-.492-1.944c-.727-.399-1.547-.164-1.946.539l-1.593%202.812c-.375.68-.211%201.5.515%201.922c.703.375%201.547.14%201.946-.54m-28.711%206.867c1.383%200%202.531-1.148%202.531-2.555c0-1.359-1.148-2.53-2.531-2.53c-1.407%200-2.555%201.171-2.555%202.53a2.56%202.56%200%200%200%202.555%202.555m24.562.094c1.36%200%202.532-1.149%202.532-2.555c0-1.36-1.149-2.531-2.532-2.531c-1.406%200-2.554%201.172-2.554%202.531a2.56%202.56%200%200%200%202.554%202.555m-14.343%203.516c1.382%200%202.53-1.172%202.53-2.579c0-1.359-1.148-2.53-2.53-2.53c-1.383%200-2.555%201.171-2.555%202.53c0%201.407%201.172%202.578%202.555%202.578%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/cloud-hail-fill.svg?color=%231a73e8&size=48
