cloud alert icon
cloud-alert-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- cloud-alert-fill
- Set
- Keyline Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Related icons in Keyline Icons
Use the cloud alert icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M6 20L18 20C20.5784 20 22.734 18.0393 22.9776 15.4724C23.2212 12.9055 21.4729 10.5743 18.9405 10.0893C18.4833 6.6052 15.5139 4 12 4C8.4861 4 5.5167 6.6052 5.0595 10.0893C2.5271 10.5743 0.7788 12.9055 1.0224 15.4724C1.266 18.0393 3.4216 20 6 20ZM11 9C11 8.4477 11.4477 8 12 8C12.5523 8 13 8.4477 13 9L13 11C13 11.5523 12.5523 12 12 12C11.4477 12 11 11.5523 11 11ZM13 15C13 15.5523 12.5523 16 12 16C11.4477 16 11 15.5523 11 15C11 14.4477 11.4477 14 12 14C12.5523 14 13 14.4477 13 15Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsCloudAlertFill(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" fillRule="evenodd" d="M6 20L18 20C20.5784 20 22.734 18.0393 22.9776 15.4724C23.2212 12.9055 21.4729 10.5743 18.9405 10.0893C18.4833 6.6052 15.5139 4 12 4C8.4861 4 5.5167 6.6052 5.0595 10.0893C2.5271 10.5743 0.7788 12.9055 1.0224 15.4724C1.266 18.0393 3.4216 20 6 20ZM11 9C11 8.4477 11.4477 8 12 8C12.5523 8 13 8.4477 13 9L13 11C13 11.5523 12.5523 12 12 12C11.4477 12 11 11.5523 11 11ZM13 15C13 15.5523 12.5523 16 12 16C11.4477 16 11 15.5523 11 15C11 14.4477 11.4477 14 12 14C12.5523 14 13 14.4477 13 15Z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M6 20L18 20C20.5784 20 22.734 18.0393 22.9776 15.4724C23.2212 12.9055 21.4729 10.5743 18.9405 10.0893C18.4833 6.6052 15.5139 4 12 4C8.4861 4 5.5167 6.6052 5.0595 10.0893C2.5271 10.5743 0.7788 12.9055 1.0224 15.4724C1.266 18.0393 3.4216 20 6 20ZM11 9C11 8.4477 11.4477 8 12 8C12.5523 8 13 8.4477 13 9L13 11C13 11.5523 12.5523 12 12 12C11.4477 12 11 11.5523 11 11ZM13 15C13 15.5523 12.5523 16 12 16C11.4477 16 11 15.5523 11 15C11 14.4477 11.4477 14 12 14C12.5523 14 13 14.4477 13 15Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-cloud-alert-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6%2020L18%2020C20.5784%2020%2022.734%2018.0393%2022.9776%2015.4724C23.2212%2012.9055%2021.4729%2010.5743%2018.9405%2010.0893C18.4833%206.6052%2015.5139%204%2012%204C8.4861%204%205.5167%206.6052%205.0595%2010.0893C2.5271%2010.5743%200.7788%2012.9055%201.0224%2015.4724C1.266%2018.0393%203.4216%2020%206%2020ZM11%209C11%208.4477%2011.4477%208%2012%208C12.5523%208%2013%208.4477%2013%209L13%2011C13%2011.5523%2012.5523%2012%2012%2012C11.4477%2012%2011%2011.5523%2011%2011ZM13%2015C13%2015.5523%2012.5523%2016%2012%2016C11.4477%2016%2011%2015.5523%2011%2015C11%2014.4477%2011.4477%2014%2012%2014C12.5523%2014%2013%2014.4477%2013%2015Z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M6%2020L18%2020C20.5784%2020%2022.734%2018.0393%2022.9776%2015.4724C23.2212%2012.9055%2021.4729%2010.5743%2018.9405%2010.0893C18.4833%206.6052%2015.5139%204%2012%204C8.4861%204%205.5167%206.6052%205.0595%2010.0893C2.5271%2010.5743%200.7788%2012.9055%201.0224%2015.4724C1.266%2018.0393%203.4216%2020%206%2020ZM11%209C11%208.4477%2011.4477%208%2012%208C12.5523%208%2013%208.4477%2013%209L13%2011C13%2011.5523%2012.5523%2012%2012%2012C11.4477%2012%2011%2011.5523%2011%2011ZM13%2015C13%2015.5523%2012.5523%2016%2012%2016C11.4477%2016%2011%2015.5523%2011%2015C11%2014.4477%2011.4477%2014%2012%2014C12.5523%2014%2013%2014.4477%2013%2015Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/cloud-alert-fill.svg?color=%231a73e8&size=48
