cloud sun bolt icon
cloud-sun-bolt-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- cloud-sun-bolt-fill
- Set
- Framework7 Icons
- Style
- Fill
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Related icons in Framework7 Icons
Use the cloud sun bolt icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M35.986 7.986c.89 0 1.605-.754 1.605-1.605V2.204c0-.89-.715-1.605-1.605-1.605s-1.605.716-1.605 1.605v4.177c0 .85.716 1.605 1.605 1.605m-11.215 3.732c.638.638 1.682.619 2.282 0c.599-.619.618-1.644 0-2.243l-2.978-2.997a1.61 1.61 0 0 0-2.263 0a1.61 1.61 0 0 0 0 2.262Zm20.15 0c.599.619 1.643.638 2.28 0l2.96-2.978c.618-.619.599-1.644 0-2.262a1.61 1.61 0 0 0-2.263 0L44.92 9.475c-.619.6-.6 1.624 0 2.243m-3.965 17.21c2.842-1.914 4.602-4.873 4.602-8.276a9.55 9.55 0 0 0-9.572-9.591c-3.5 0-6.536 1.875-8.14 4.68c.812.83 1.508 1.74 2.088 2.861c6.38.522 10.5 4.486 11.022 10.326M8.025 39.583h20.923c5.472 0 9.726-4.158 9.726-9.514c0-5.318-4.331-9.34-10.113-9.378c-2.263-4.332-6.285-6.826-10.964-6.826c-6.285 0-11.622 4.872-12.202 11.234C2.108 26.085 0 28.87 0 32.273c0 4.332 3.268 7.31 8.025 7.31m42.194-17.326h4.176c.87 0 1.586-.716 1.605-1.605c0-.89-.735-1.605-1.605-1.605h-4.177c-.87 0-1.605.715-1.605 1.605s.735 1.605 1.605 1.605m-2.32 12.588a1.61 1.61 0 0 0 2.261-.02c.6-.618.62-1.643 0-2.262l-2.997-2.958c-.618-.6-1.624-.619-2.243 0a1.61 1.61 0 0 0 0 2.262Zm-23.689 11.7h-3.848l1.779-3.366c.213-.425.039-.734-.387-.734h-4.041c-.522 0-.696.212-.87.58l-2.476 5.627c-.193.464 0 .754.503.754h3.23l-2.476 5.995c-.116.25-.058.464.116.522c.194.077.387.019.58-.194l8.18-8.257c.406-.406.252-.928-.29-.928"/></svg>
React
import type { SVGProps } from "react";
export function F7CloudSunBoltFill(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="M35.986 7.986c.89 0 1.605-.754 1.605-1.605V2.204c0-.89-.715-1.605-1.605-1.605s-1.605.716-1.605 1.605v4.177c0 .85.716 1.605 1.605 1.605m-11.215 3.732c.638.638 1.682.619 2.282 0c.599-.619.618-1.644 0-2.243l-2.978-2.997a1.61 1.61 0 0 0-2.263 0a1.61 1.61 0 0 0 0 2.262Zm20.15 0c.599.619 1.643.638 2.28 0l2.96-2.978c.618-.619.599-1.644 0-2.262a1.61 1.61 0 0 0-2.263 0L44.92 9.475c-.619.6-.6 1.624 0 2.243m-3.965 17.21c2.842-1.914 4.602-4.873 4.602-8.276a9.55 9.55 0 0 0-9.572-9.591c-3.5 0-6.536 1.875-8.14 4.68c.812.83 1.508 1.74 2.088 2.861c6.38.522 10.5 4.486 11.022 10.326M8.025 39.583h20.923c5.472 0 9.726-4.158 9.726-9.514c0-5.318-4.331-9.34-10.113-9.378c-2.263-4.332-6.285-6.826-10.964-6.826c-6.285 0-11.622 4.872-12.202 11.234C2.108 26.085 0 28.87 0 32.273c0 4.332 3.268 7.31 8.025 7.31m42.194-17.326h4.176c.87 0 1.586-.716 1.605-1.605c0-.89-.735-1.605-1.605-1.605h-4.177c-.87 0-1.605.715-1.605 1.605s.735 1.605 1.605 1.605m-2.32 12.588a1.61 1.61 0 0 0 2.261-.02c.6-.618.62-1.643 0-2.262l-2.997-2.958c-.618-.6-1.624-.619-2.243 0a1.61 1.61 0 0 0 0 2.262Zm-23.689 11.7h-3.848l1.779-3.366c.213-.425.039-.734-.387-.734h-4.041c-.522 0-.696.212-.87.58l-2.476 5.627c-.193.464 0 .754.503.754h3.23l-2.476 5.995c-.116.25-.058.464.116.522c.194.077.387.019.58-.194l8.18-8.257c.406-.406.252-.928-.29-.928"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M35.986 7.986c.89 0 1.605-.754 1.605-1.605V2.204c0-.89-.715-1.605-1.605-1.605s-1.605.716-1.605 1.605v4.177c0 .85.716 1.605 1.605 1.605m-11.215 3.732c.638.638 1.682.619 2.282 0c.599-.619.618-1.644 0-2.243l-2.978-2.997a1.61 1.61 0 0 0-2.263 0a1.61 1.61 0 0 0 0 2.262Zm20.15 0c.599.619 1.643.638 2.28 0l2.96-2.978c.618-.619.599-1.644 0-2.262a1.61 1.61 0 0 0-2.263 0L44.92 9.475c-.619.6-.6 1.624 0 2.243m-3.965 17.21c2.842-1.914 4.602-4.873 4.602-8.276a9.55 9.55 0 0 0-9.572-9.591c-3.5 0-6.536 1.875-8.14 4.68c.812.83 1.508 1.74 2.088 2.861c6.38.522 10.5 4.486 11.022 10.326M8.025 39.583h20.923c5.472 0 9.726-4.158 9.726-9.514c0-5.318-4.331-9.34-10.113-9.378c-2.263-4.332-6.285-6.826-10.964-6.826c-6.285 0-11.622 4.872-12.202 11.234C2.108 26.085 0 28.87 0 32.273c0 4.332 3.268 7.31 8.025 7.31m42.194-17.326h4.176c.87 0 1.586-.716 1.605-1.605c0-.89-.735-1.605-1.605-1.605h-4.177c-.87 0-1.605.715-1.605 1.605s.735 1.605 1.605 1.605m-2.32 12.588a1.61 1.61 0 0 0 2.261-.02c.6-.618.62-1.643 0-2.262l-2.997-2.958c-.618-.6-1.624-.619-2.243 0a1.61 1.61 0 0 0 0 2.262Zm-23.689 11.7h-3.848l1.779-3.366c.213-.425.039-.734-.387-.734h-4.041c-.522 0-.696.212-.87.58l-2.476 5.627c-.193.464 0 .754.503.754h3.23l-2.476 5.995c-.116.25-.058.464.116.522c.194.077.387.019.58-.194l8.18-8.257c.406-.406.252-.928-.29-.928"/></svg> </template>
CSS
.icon-cloud-sun-bolt-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%22M35.986%207.986c.89%200%201.605-.754%201.605-1.605V2.204c0-.89-.715-1.605-1.605-1.605s-1.605.716-1.605%201.605v4.177c0%20.85.716%201.605%201.605%201.605m-11.215%203.732c.638.638%201.682.619%202.282%200c.599-.619.618-1.644%200-2.243l-2.978-2.997a1.61%201.61%200%200%200-2.263%200a1.61%201.61%200%200%200%200%202.262Zm20.15%200c.599.619%201.643.638%202.28%200l2.96-2.978c.618-.619.599-1.644%200-2.262a1.61%201.61%200%200%200-2.263%200L44.92%209.475c-.619.6-.6%201.624%200%202.243m-3.965%2017.21c2.842-1.914%204.602-4.873%204.602-8.276a9.55%209.55%200%200%200-9.572-9.591c-3.5%200-6.536%201.875-8.14%204.68c.812.83%201.508%201.74%202.088%202.861c6.38.522%2010.5%204.486%2011.022%2010.326M8.025%2039.583h20.923c5.472%200%209.726-4.158%209.726-9.514c0-5.318-4.331-9.34-10.113-9.378c-2.263-4.332-6.285-6.826-10.964-6.826c-6.285%200-11.622%204.872-12.202%2011.234C2.108%2026.085%200%2028.87%200%2032.273c0%204.332%203.268%207.31%208.025%207.31m42.194-17.326h4.176c.87%200%201.586-.716%201.605-1.605c0-.89-.735-1.605-1.605-1.605h-4.177c-.87%200-1.605.715-1.605%201.605s.735%201.605%201.605%201.605m-2.32%2012.588a1.61%201.61%200%200%200%202.261-.02c.6-.618.62-1.643%200-2.262l-2.997-2.958c-.618-.6-1.624-.619-2.243%200a1.61%201.61%200%200%200%200%202.262Zm-23.689%2011.7h-3.848l1.779-3.366c.213-.425.039-.734-.387-.734h-4.041c-.522%200-.696.212-.87.58l-2.476%205.627c-.193.464%200%20.754.503.754h3.23l-2.476%205.995c-.116.25-.058.464.116.522c.194.077.387.019.58-.194l8.18-8.257c.406-.406.252-.928-.29-.928%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%22M35.986%207.986c.89%200%201.605-.754%201.605-1.605V2.204c0-.89-.715-1.605-1.605-1.605s-1.605.716-1.605%201.605v4.177c0%20.85.716%201.605%201.605%201.605m-11.215%203.732c.638.638%201.682.619%202.282%200c.599-.619.618-1.644%200-2.243l-2.978-2.997a1.61%201.61%200%200%200-2.263%200a1.61%201.61%200%200%200%200%202.262Zm20.15%200c.599.619%201.643.638%202.28%200l2.96-2.978c.618-.619.599-1.644%200-2.262a1.61%201.61%200%200%200-2.263%200L44.92%209.475c-.619.6-.6%201.624%200%202.243m-3.965%2017.21c2.842-1.914%204.602-4.873%204.602-8.276a9.55%209.55%200%200%200-9.572-9.591c-3.5%200-6.536%201.875-8.14%204.68c.812.83%201.508%201.74%202.088%202.861c6.38.522%2010.5%204.486%2011.022%2010.326M8.025%2039.583h20.923c5.472%200%209.726-4.158%209.726-9.514c0-5.318-4.331-9.34-10.113-9.378c-2.263-4.332-6.285-6.826-10.964-6.826c-6.285%200-11.622%204.872-12.202%2011.234C2.108%2026.085%200%2028.87%200%2032.273c0%204.332%203.268%207.31%208.025%207.31m42.194-17.326h4.176c.87%200%201.586-.716%201.605-1.605c0-.89-.735-1.605-1.605-1.605h-4.177c-.87%200-1.605.715-1.605%201.605s.735%201.605%201.605%201.605m-2.32%2012.588a1.61%201.61%200%200%200%202.261-.02c.6-.618.62-1.643%200-2.262l-2.997-2.958c-.618-.6-1.624-.619-2.243%200a1.61%201.61%200%200%200%200%202.262Zm-23.689%2011.7h-3.848l1.779-3.366c.213-.425.039-.734-.387-.734h-4.041c-.522%200-.696.212-.87.58l-2.476%205.627c-.193.464%200%20.754.503.754h3.23l-2.476%205.995c-.116.25-.058.464.116.522c.194.077.387.019.58-.194l8.18-8.257c.406-.406.252-.928-.29-.928%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/cloud-sun-bolt-fill.svg?color=%231a73e8&size=48
