cloud hail icon
cloud-hail from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- cloud-hail
- Set
- Framework7 Icons
- Style
- Outline
- 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 36.25h29.086c7.687 0 13.406-5.836 13.406-13.078c0-7.453-6.094-12.914-14.04-12.914c-2.929-5.79-8.366-9.516-15.14-9.516c-8.812 0-16.078 6.89-16.851 15.61c-4.243 1.218-7.477 4.921-7.477 9.867c0 5.531 4.031 10.031 11.016 10.031m-.047-3.773c-4.805 0-7.219-2.672-7.219-6.141c0-2.836 1.64-5.367 5.625-6.422c1.29-.328 1.758-.937 1.875-2.273c.54-7.641 6.281-13.149 13.078-13.149c5.274 0 9.422 2.883 11.953 8.086c.54 1.125 1.242 1.524 2.625 1.524c6.938 0 10.852 4.195 10.852 9.187c0 5.11-4.078 9.188-9.422 9.188Zm2.836 12.21l1.57-2.789c.399-.68.211-1.523-.492-1.945c-.727-.398-1.547-.14-1.945.54l-1.594 2.812c-.375.68-.211 1.5.515 1.922c.704.375 1.547.14 1.946-.54m10.219 3.586l3.656-6.328c.398-.726.187-1.547-.492-1.968c-.727-.399-1.547-.164-1.946.539l-3.68 6.398c-.398.656-.187 1.477.54 1.898c.68.399 1.523.141 1.922-.539m14.343-3.492l1.57-2.789c.399-.68.212-1.523-.492-1.945c-.726-.399-1.547-.164-1.945.539l-1.594 2.812c-.375.68-.21 1.5.516 1.922c.703.375 1.547.14 1.945-.539m-28.71 6.867c1.382 0 2.53-1.148 2.53-2.554c0-1.36-1.148-2.532-2.53-2.532c-1.407 0-2.555 1.172-2.555 2.532a2.56 2.56 0 0 0 2.554 2.554m24.562.094c1.36 0 2.531-1.148 2.531-2.554c0-1.36-1.148-2.532-2.531-2.532c-1.406 0-2.555 1.172-2.555 2.532a2.56 2.56 0 0 0 2.555 2.554M21.12 55.258c1.383 0 2.531-1.172 2.531-2.578c0-1.36-1.148-2.532-2.53-2.532c-1.384 0-2.556 1.172-2.556 2.532c0 1.406 1.172 2.578 2.555 2.578"/></svg>
React
import type { SVGProps } from "react";
export function F7CloudHail(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 36.25h29.086c7.687 0 13.406-5.836 13.406-13.078c0-7.453-6.094-12.914-14.04-12.914c-2.929-5.79-8.366-9.516-15.14-9.516c-8.812 0-16.078 6.89-16.851 15.61c-4.243 1.218-7.477 4.921-7.477 9.867c0 5.531 4.031 10.031 11.016 10.031m-.047-3.773c-4.805 0-7.219-2.672-7.219-6.141c0-2.836 1.64-5.367 5.625-6.422c1.29-.328 1.758-.937 1.875-2.273c.54-7.641 6.281-13.149 13.078-13.149c5.274 0 9.422 2.883 11.953 8.086c.54 1.125 1.242 1.524 2.625 1.524c6.938 0 10.852 4.195 10.852 9.187c0 5.11-4.078 9.188-9.422 9.188Zm2.836 12.21l1.57-2.789c.399-.68.211-1.523-.492-1.945c-.727-.398-1.547-.14-1.945.54l-1.594 2.812c-.375.68-.211 1.5.515 1.922c.704.375 1.547.14 1.946-.54m10.219 3.586l3.656-6.328c.398-.726.187-1.547-.492-1.968c-.727-.399-1.547-.164-1.946.539l-3.68 6.398c-.398.656-.187 1.477.54 1.898c.68.399 1.523.141 1.922-.539m14.343-3.492l1.57-2.789c.399-.68.212-1.523-.492-1.945c-.726-.399-1.547-.164-1.945.539l-1.594 2.812c-.375.68-.21 1.5.516 1.922c.703.375 1.547.14 1.945-.539m-28.71 6.867c1.382 0 2.53-1.148 2.53-2.554c0-1.36-1.148-2.532-2.53-2.532c-1.407 0-2.555 1.172-2.555 2.532a2.56 2.56 0 0 0 2.554 2.554m24.562.094c1.36 0 2.531-1.148 2.531-2.554c0-1.36-1.148-2.532-2.531-2.532c-1.406 0-2.555 1.172-2.555 2.532a2.56 2.56 0 0 0 2.555 2.554M21.12 55.258c1.383 0 2.531-1.172 2.531-2.578c0-1.36-1.148-2.532-2.53-2.532c-1.384 0-2.556 1.172-2.556 2.532c0 1.406 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 36.25h29.086c7.687 0 13.406-5.836 13.406-13.078c0-7.453-6.094-12.914-14.04-12.914c-2.929-5.79-8.366-9.516-15.14-9.516c-8.812 0-16.078 6.89-16.851 15.61c-4.243 1.218-7.477 4.921-7.477 9.867c0 5.531 4.031 10.031 11.016 10.031m-.047-3.773c-4.805 0-7.219-2.672-7.219-6.141c0-2.836 1.64-5.367 5.625-6.422c1.29-.328 1.758-.937 1.875-2.273c.54-7.641 6.281-13.149 13.078-13.149c5.274 0 9.422 2.883 11.953 8.086c.54 1.125 1.242 1.524 2.625 1.524c6.938 0 10.852 4.195 10.852 9.187c0 5.11-4.078 9.188-9.422 9.188Zm2.836 12.21l1.57-2.789c.399-.68.211-1.523-.492-1.945c-.727-.398-1.547-.14-1.945.54l-1.594 2.812c-.375.68-.211 1.5.515 1.922c.704.375 1.547.14 1.946-.54m10.219 3.586l3.656-6.328c.398-.726.187-1.547-.492-1.968c-.727-.399-1.547-.164-1.946.539l-3.68 6.398c-.398.656-.187 1.477.54 1.898c.68.399 1.523.141 1.922-.539m14.343-3.492l1.57-2.789c.399-.68.212-1.523-.492-1.945c-.726-.399-1.547-.164-1.945.539l-1.594 2.812c-.375.68-.21 1.5.516 1.922c.703.375 1.547.14 1.945-.539m-28.71 6.867c1.382 0 2.53-1.148 2.53-2.554c0-1.36-1.148-2.532-2.53-2.532c-1.407 0-2.555 1.172-2.555 2.532a2.56 2.56 0 0 0 2.554 2.554m24.562.094c1.36 0 2.531-1.148 2.531-2.554c0-1.36-1.148-2.532-2.531-2.532c-1.406 0-2.555 1.172-2.555 2.532a2.56 2.56 0 0 0 2.555 2.554M21.12 55.258c1.383 0 2.531-1.172 2.531-2.578c0-1.36-1.148-2.532-2.53-2.532c-1.384 0-2.556 1.172-2.556 2.532c0 1.406 1.172 2.578 2.555 2.578"/></svg> </template>
CSS
.icon-cloud-hail {
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%2036.25h29.086c7.687%200%2013.406-5.836%2013.406-13.078c0-7.453-6.094-12.914-14.04-12.914c-2.929-5.79-8.366-9.516-15.14-9.516c-8.812%200-16.078%206.89-16.851%2015.61c-4.243%201.218-7.477%204.921-7.477%209.867c0%205.531%204.031%2010.031%2011.016%2010.031m-.047-3.773c-4.805%200-7.219-2.672-7.219-6.141c0-2.836%201.64-5.367%205.625-6.422c1.29-.328%201.758-.937%201.875-2.273c.54-7.641%206.281-13.149%2013.078-13.149c5.274%200%209.422%202.883%2011.953%208.086c.54%201.125%201.242%201.524%202.625%201.524c6.938%200%2010.852%204.195%2010.852%209.187c0%205.11-4.078%209.188-9.422%209.188Zm2.836%2012.21l1.57-2.789c.399-.68.211-1.523-.492-1.945c-.727-.398-1.547-.14-1.945.54l-1.594%202.812c-.375.68-.211%201.5.515%201.922c.704.375%201.547.14%201.946-.54m10.219%203.586l3.656-6.328c.398-.726.187-1.547-.492-1.968c-.727-.399-1.547-.164-1.946.539l-3.68%206.398c-.398.656-.187%201.477.54%201.898c.68.399%201.523.141%201.922-.539m14.343-3.492l1.57-2.789c.399-.68.212-1.523-.492-1.945c-.726-.399-1.547-.164-1.945.539l-1.594%202.812c-.375.68-.21%201.5.516%201.922c.703.375%201.547.14%201.945-.539m-28.71%206.867c1.382%200%202.53-1.148%202.53-2.554c0-1.36-1.148-2.532-2.53-2.532c-1.407%200-2.555%201.172-2.555%202.532a2.56%202.56%200%200%200%202.554%202.554m24.562.094c1.36%200%202.531-1.148%202.531-2.554c0-1.36-1.148-2.532-2.531-2.532c-1.406%200-2.555%201.172-2.555%202.532a2.56%202.56%200%200%200%202.555%202.554M21.12%2055.258c1.383%200%202.531-1.172%202.531-2.578c0-1.36-1.148-2.532-2.53-2.532c-1.384%200-2.556%201.172-2.556%202.532c0%201.406%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%2036.25h29.086c7.687%200%2013.406-5.836%2013.406-13.078c0-7.453-6.094-12.914-14.04-12.914c-2.929-5.79-8.366-9.516-15.14-9.516c-8.812%200-16.078%206.89-16.851%2015.61c-4.243%201.218-7.477%204.921-7.477%209.867c0%205.531%204.031%2010.031%2011.016%2010.031m-.047-3.773c-4.805%200-7.219-2.672-7.219-6.141c0-2.836%201.64-5.367%205.625-6.422c1.29-.328%201.758-.937%201.875-2.273c.54-7.641%206.281-13.149%2013.078-13.149c5.274%200%209.422%202.883%2011.953%208.086c.54%201.125%201.242%201.524%202.625%201.524c6.938%200%2010.852%204.195%2010.852%209.187c0%205.11-4.078%209.188-9.422%209.188Zm2.836%2012.21l1.57-2.789c.399-.68.211-1.523-.492-1.945c-.727-.398-1.547-.14-1.945.54l-1.594%202.812c-.375.68-.211%201.5.515%201.922c.704.375%201.547.14%201.946-.54m10.219%203.586l3.656-6.328c.398-.726.187-1.547-.492-1.968c-.727-.399-1.547-.164-1.946.539l-3.68%206.398c-.398.656-.187%201.477.54%201.898c.68.399%201.523.141%201.922-.539m14.343-3.492l1.57-2.789c.399-.68.212-1.523-.492-1.945c-.726-.399-1.547-.164-1.945.539l-1.594%202.812c-.375.68-.21%201.5.516%201.922c.703.375%201.547.14%201.945-.539m-28.71%206.867c1.382%200%202.53-1.148%202.53-2.554c0-1.36-1.148-2.532-2.53-2.532c-1.407%200-2.555%201.172-2.555%202.532a2.56%202.56%200%200%200%202.554%202.554m24.562.094c1.36%200%202.531-1.148%202.531-2.554c0-1.36-1.148-2.532-2.531-2.532c-1.406%200-2.555%201.172-2.555%202.532a2.56%202.56%200%200%200%202.555%202.554M21.12%2055.258c1.383%200%202.531-1.172%202.531-2.578c0-1.36-1.148-2.532-2.53-2.532c-1.384%200-2.556%201.172-2.556%202.532c0%201.406%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.svg?color=%231a73e8&size=48
