cloud plus icon

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

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

7 other variants in Keyline Icons

cloud-plus cloud-plus-duotone cloud-plus-sharp cloud-plus-sharp-duotone cloud-plus-sharp-fill cloud-plus-sharp-two-tone cloud-plus-two-tone

The same icon in other sets

cloud-plusBootstrap Icons cloud-plusMaterial Design Icons cloud-plus-boldSolar cloud-plusTabler Icons

Related icons in Keyline Icons

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

Use the cloud plus 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 11.5L14.25 11.5C14.8023 11.5 15.25 11.9477 15.25 12.5C15.25 13.0523 14.8023 13.5 14.25 13.5L13 13.5L13 14.75C13 15.3023 12.5523 15.75 12 15.75C11.4477 15.75 11 15.3023 11 14.75L11 13.5L9.75 13.5C9.1977 13.5 8.75 13.0523 8.75 12.5C8.75 11.9477 9.1977 11.5 9.75 11.5L11 11.5L11 10.25C11 9.6977 11.4477 9.25 12 9.25C12.5523 9.25 13 9.6977 13 10.25L13 11.5Z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsCloudPlusFill(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 11.5L14.25 11.5C14.8023 11.5 15.25 11.9477 15.25 12.5C15.25 13.0523 14.8023 13.5 14.25 13.5L13 13.5L13 14.75C13 15.3023 12.5523 15.75 12 15.75C11.4477 15.75 11 15.3023 11 14.75L11 13.5L9.75 13.5C9.1977 13.5 8.75 13.0523 8.75 12.5C8.75 11.9477 9.1977 11.5 9.75 11.5L11 11.5L11 10.25C11 9.6977 11.4477 9.25 12 9.25C12.5523 9.25 13 9.6977 13 10.25L13 11.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 11.5L14.25 11.5C14.8023 11.5 15.25 11.9477 15.25 12.5C15.25 13.0523 14.8023 13.5 14.25 13.5L13 13.5L13 14.75C13 15.3023 12.5523 15.75 12 15.75C11.4477 15.75 11 15.3023 11 14.75L11 13.5L9.75 13.5C9.1977 13.5 8.75 13.0523 8.75 12.5C8.75 11.9477 9.1977 11.5 9.75 11.5L11 11.5L11 10.25C11 9.6977 11.4477 9.25 12 9.25C12.5523 9.25 13 9.6977 13 10.25L13 11.5Z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-cloud-plus-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%2011.5L14.25%2011.5C14.8023%2011.5%2015.25%2011.9477%2015.25%2012.5C15.25%2013.0523%2014.8023%2013.5%2014.25%2013.5L13%2013.5L13%2014.75C13%2015.3023%2012.5523%2015.75%2012%2015.75C11.4477%2015.75%2011%2015.3023%2011%2014.75L11%2013.5L9.75%2013.5C9.1977%2013.5%208.75%2013.0523%208.75%2012.5C8.75%2011.9477%209.1977%2011.5%209.75%2011.5L11%2011.5L11%2010.25C11%209.6977%2011.4477%209.25%2012%209.25C12.5523%209.25%2013%209.6977%2013%2010.25L13%2011.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%2011.5L14.25%2011.5C14.8023%2011.5%2015.25%2011.9477%2015.25%2012.5C15.25%2013.0523%2014.8023%2013.5%2014.25%2013.5L13%2013.5L13%2014.75C13%2015.3023%2012.5523%2015.75%2012%2015.75C11.4477%2015.75%2011%2015.3023%2011%2014.75L11%2013.5L9.75%2013.5C9.1977%2013.5%208.75%2013.0523%208.75%2012.5C8.75%2011.9477%209.1977%2011.5%209.75%2011.5L11%2011.5L11%2010.25C11%209.6977%2011.4477%209.25%2012%209.25C12.5523%209.25%2013%209.6977%2013%2010.25L13%2011.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-plus-fill.svg?color=%231a73e8&size=48