cloud x icon

cloud-x-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.

Name: cloud-x-fill
Set: Keyline Icons
Style: Fill
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

cloud-x cloud-x-duotone cloud-x-sharp cloud-x-sharp-duotone cloud-x-sharp-fill cloud-x-sharp-two-tone cloud-x-two-tone

The same icon in other sets

cloud-xPhosphor cloud-xTabler Icons

Related icons in Keyline Icons

cloud-alert cloud-check cloud-minus cloud-moon cloud-off cloud-plus cloud-rain cloud-sun

Use the cloud x 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 20ZM13.4142 12.5L14.6517 13.7374C14.8392 13.925 14.9445 14.1793 14.9445 14.4445C14.9445 14.9968 14.4968 15.4445 13.9445 15.4445C13.6793 15.4445 13.425 15.3392 13.2374 15.1517L12 13.9142L10.7626 15.1517C10.575 15.3392 10.3207 15.4445 10.0555 15.4445C9.5032 15.4445 9.0555 14.9968 9.0555 14.4445C9.0555 14.1793 9.1608 13.925 9.3483 13.7374L10.5858 12.5L9.3483 11.2626C9.1608 11.075 9.0555 10.8207 9.0555 10.5555C9.0555 10.0032 9.5032 9.5555 10.0555 9.5555C10.3207 9.5555 10.575 9.6608 10.7626 9.8483L12 11.0858L13.2374 9.8483C13.425 9.6608 13.6793 9.5555 13.9445 9.5555C14.4968 9.5555 14.9445 10.0032 14.9445 10.5555C14.9445 10.8207 14.8392 11.075 14.6517 11.2626L13.4142 12.5Z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsCloudXFill(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 20ZM13.4142 12.5L14.6517 13.7374C14.8392 13.925 14.9445 14.1793 14.9445 14.4445C14.9445 14.9968 14.4968 15.4445 13.9445 15.4445C13.6793 15.4445 13.425 15.3392 13.2374 15.1517L12 13.9142L10.7626 15.1517C10.575 15.3392 10.3207 15.4445 10.0555 15.4445C9.5032 15.4445 9.0555 14.9968 9.0555 14.4445C9.0555 14.1793 9.1608 13.925 9.3483 13.7374L10.5858 12.5L9.3483 11.2626C9.1608 11.075 9.0555 10.8207 9.0555 10.5555C9.0555 10.0032 9.5032 9.5555 10.0555 9.5555C10.3207 9.5555 10.575 9.6608 10.7626 9.8483L12 11.0858L13.2374 9.8483C13.425 9.6608 13.6793 9.5555 13.9445 9.5555C14.4968 9.5555 14.9445 10.0032 14.9445 10.5555C14.9445 10.8207 14.8392 11.075 14.6517 11.2626L13.4142 12.5Z" 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 20ZM13.4142 12.5L14.6517 13.7374C14.8392 13.925 14.9445 14.1793 14.9445 14.4445C14.9445 14.9968 14.4968 15.4445 13.9445 15.4445C13.6793 15.4445 13.425 15.3392 13.2374 15.1517L12 13.9142L10.7626 15.1517C10.575 15.3392 10.3207 15.4445 10.0555 15.4445C9.5032 15.4445 9.0555 14.9968 9.0555 14.4445C9.0555 14.1793 9.1608 13.925 9.3483 13.7374L10.5858 12.5L9.3483 11.2626C9.1608 11.075 9.0555 10.8207 9.0555 10.5555C9.0555 10.0032 9.5032 9.5555 10.0555 9.5555C10.3207 9.5555 10.575 9.6608 10.7626 9.8483L12 11.0858L13.2374 9.8483C13.425 9.6608 13.6793 9.5555 13.9445 9.5555C14.4968 9.5555 14.9445 10.0032 14.9445 10.5555C14.9445 10.8207 14.8392 11.075 14.6517 11.2626L13.4142 12.5Z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-cloud-x-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%2020ZM13.4142%2012.5L14.6517%2013.7374C14.8392%2013.925%2014.9445%2014.1793%2014.9445%2014.4445C14.9445%2014.9968%2014.4968%2015.4445%2013.9445%2015.4445C13.6793%2015.4445%2013.425%2015.3392%2013.2374%2015.1517L12%2013.9142L10.7626%2015.1517C10.575%2015.3392%2010.3207%2015.4445%2010.0555%2015.4445C9.5032%2015.4445%209.0555%2014.9968%209.0555%2014.4445C9.0555%2014.1793%209.1608%2013.925%209.3483%2013.7374L10.5858%2012.5L9.3483%2011.2626C9.1608%2011.075%209.0555%2010.8207%209.0555%2010.5555C9.0555%2010.0032%209.5032%209.5555%2010.0555%209.5555C10.3207%209.5555%2010.575%209.6608%2010.7626%209.8483L12%2011.0858L13.2374%209.8483C13.425%209.6608%2013.6793%209.5555%2013.9445%209.5555C14.4968%209.5555%2014.9445%2010.0032%2014.9445%2010.5555C14.9445%2010.8207%2014.8392%2011.075%2014.6517%2011.2626L13.4142%2012.5Z%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%2020ZM13.4142%2012.5L14.6517%2013.7374C14.8392%2013.925%2014.9445%2014.1793%2014.9445%2014.4445C14.9445%2014.9968%2014.4968%2015.4445%2013.9445%2015.4445C13.6793%2015.4445%2013.425%2015.3392%2013.2374%2015.1517L12%2013.9142L10.7626%2015.1517C10.575%2015.3392%2010.3207%2015.4445%2010.0555%2015.4445C9.5032%2015.4445%209.0555%2014.9968%209.0555%2014.4445C9.0555%2014.1793%209.1608%2013.925%209.3483%2013.7374L10.5858%2012.5L9.3483%2011.2626C9.1608%2011.075%209.0555%2010.8207%209.0555%2010.5555C9.0555%2010.0032%209.5032%209.5555%2010.0555%209.5555C10.3207%209.5555%2010.575%209.6608%2010.7626%209.8483L12%2011.0858L13.2374%209.8483C13.425%209.6608%2013.6793%209.5555%2013.9445%209.5555C14.4968%209.5555%2014.9445%2010.0032%2014.9445%2010.5555C14.9445%2010.8207%2014.8392%2011.075%2014.6517%2011.2626L13.4142%2012.5Z%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-x-fill.svg?color=%231a73e8&size=48