cloud check icon

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

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

7 other variants in Keyline Icons

cloud-check cloud-check-duotone cloud-check-sharp cloud-check-sharp-duotone cloud-check-sharp-fill cloud-check-sharp-two-tone cloud-check-two-tone

The same icon in other sets

cloud-checkBootstrap Icons cloud-checkHuge Icons cloud-checkIconoir cloud-checkLucide cloud-checkMaterial Design Icons cloud-checkPhosphor cloud-check-boldSolar cloud-checkTabler Icons cloud-checkUnicons

Related icons in Keyline Icons

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

Use the cloud check 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 20ZM9.383 13.5771L10.8608 15.0971C11.0491 15.2907 11.3077 15.4 11.5778 15.4C11.9262 15.4 12.2495 15.2187 12.4311 14.9214L14.7533 11.1214C14.8492 10.9644 14.9 10.784 14.9 10.6C14.9 10.0477 14.4523 9.6 13.9 9.6C13.5516 9.6 13.2284 9.7813 13.0467 10.0786L11.3965 12.779L10.817 12.1829C10.6287 11.9893 10.3701 11.88 10.1 11.88C9.5477 11.88 9.1 12.3277 9.1 12.88C9.1 13.1403 9.2015 13.3904 9.383 13.5771Z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsCloudCheckFill(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 20ZM9.383 13.5771L10.8608 15.0971C11.0491 15.2907 11.3077 15.4 11.5778 15.4C11.9262 15.4 12.2495 15.2187 12.4311 14.9214L14.7533 11.1214C14.8492 10.9644 14.9 10.784 14.9 10.6C14.9 10.0477 14.4523 9.6 13.9 9.6C13.5516 9.6 13.2284 9.7813 13.0467 10.0786L11.3965 12.779L10.817 12.1829C10.6287 11.9893 10.3701 11.88 10.1 11.88C9.5477 11.88 9.1 12.3277 9.1 12.88C9.1 13.1403 9.2015 13.3904 9.383 13.5771Z" 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 20ZM9.383 13.5771L10.8608 15.0971C11.0491 15.2907 11.3077 15.4 11.5778 15.4C11.9262 15.4 12.2495 15.2187 12.4311 14.9214L14.7533 11.1214C14.8492 10.9644 14.9 10.784 14.9 10.6C14.9 10.0477 14.4523 9.6 13.9 9.6C13.5516 9.6 13.2284 9.7813 13.0467 10.0786L11.3965 12.779L10.817 12.1829C10.6287 11.9893 10.3701 11.88 10.1 11.88C9.5477 11.88 9.1 12.3277 9.1 12.88C9.1 13.1403 9.2015 13.3904 9.383 13.5771Z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-cloud-check-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%2020ZM9.383%2013.5771L10.8608%2015.0971C11.0491%2015.2907%2011.3077%2015.4%2011.5778%2015.4C11.9262%2015.4%2012.2495%2015.2187%2012.4311%2014.9214L14.7533%2011.1214C14.8492%2010.9644%2014.9%2010.784%2014.9%2010.6C14.9%2010.0477%2014.4523%209.6%2013.9%209.6C13.5516%209.6%2013.2284%209.7813%2013.0467%2010.0786L11.3965%2012.779L10.817%2012.1829C10.6287%2011.9893%2010.3701%2011.88%2010.1%2011.88C9.5477%2011.88%209.1%2012.3277%209.1%2012.88C9.1%2013.1403%209.2015%2013.3904%209.383%2013.5771Z%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%2020ZM9.383%2013.5771L10.8608%2015.0971C11.0491%2015.2907%2011.3077%2015.4%2011.5778%2015.4C11.9262%2015.4%2012.2495%2015.2187%2012.4311%2014.9214L14.7533%2011.1214C14.8492%2010.9644%2014.9%2010.784%2014.9%2010.6C14.9%2010.0477%2014.4523%209.6%2013.9%209.6C13.5516%209.6%2013.2284%209.7813%2013.0467%2010.0786L11.3965%2012.779L10.817%2012.1829C10.6287%2011.9893%2010.3701%2011.88%2010.1%2011.88C9.5477%2011.88%209.1%2012.3277%209.1%2012.88C9.1%2013.1403%209.2015%2013.3904%209.383%2013.5771Z%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-check-fill.svg?color=%231a73e8&size=48