outline wb cloudy icon

outline-wb-cloudy from Google Material Icons by Material Design Authors · Baseline · Image · Apache-2.0 Free for personal and commercial use.

Name: outline-wb-cloudy
Set: Google Material Icons
Style: Baseline
Category: Image
Viewbox: 24×24
License: Apache 2.0

Use the outline wb cloudy icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.01 6c2.61 0 4.89 1.86 5.4 4.43l.3 1.5l1.52.11c1.56.11 2.78 1.41 2.78 2.96c0 1.65-1.35 3-3 3h-13c-2.21 0-4-1.79-4-4c0-2.05 1.53-3.76 3.56-3.97l1.07-.11l.5-.95A5.46 5.46 0 0 1 12.01 6m0-2C9.12 4 6.6 5.64 5.35 8.04C2.35 8.36.01 10.91.01 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5c0-2.64-2.05-4.78-4.64-4.96C18.68 6.59 15.65 4 12.01 4"/></svg>

React

import type { SVGProps } from "react";

export function IcOutlineWbCloudy(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" d="M12.01 6c2.61 0 4.89 1.86 5.4 4.43l.3 1.5l1.52.11c1.56.11 2.78 1.41 2.78 2.96c0 1.65-1.35 3-3 3h-13c-2.21 0-4-1.79-4-4c0-2.05 1.53-3.76 3.56-3.97l1.07-.11l.5-.95A5.46 5.46 0 0 1 12.01 6m0-2C9.12 4 6.6 5.64 5.35 8.04C2.35 8.36.01 10.91.01 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5c0-2.64-2.05-4.78-4.64-4.96C18.68 6.59 15.65 4 12.01 4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.01 6c2.61 0 4.89 1.86 5.4 4.43l.3 1.5l1.52.11c1.56.11 2.78 1.41 2.78 2.96c0 1.65-1.35 3-3 3h-13c-2.21 0-4-1.79-4-4c0-2.05 1.53-3.76 3.56-3.97l1.07-.11l.5-.95A5.46 5.46 0 0 1 12.01 6m0-2C9.12 4 6.6 5.64 5.35 8.04C2.35 8.36.01 10.91.01 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5c0-2.64-2.05-4.78-4.64-4.96C18.68 6.59 15.65 4 12.01 4"/></svg>
</template>

CSS

.icon-outline-wb-cloudy {
  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%20d%3D%22M12.01%206c2.61%200%204.89%201.86%205.4%204.43l.3%201.5l1.52.11c1.56.11%202.78%201.41%202.78%202.96c0%201.65-1.35%203-3%203h-13c-2.21%200-4-1.79-4-4c0-2.05%201.53-3.76%203.56-3.97l1.07-.11l.5-.95A5.46%205.46%200%200%201%2012.01%206m0-2C9.12%204%206.6%205.64%205.35%208.04C2.35%208.36.01%2010.91.01%2014c0%203.31%202.69%206%206%206h13c2.76%200%205-2.24%205-5c0-2.64-2.05-4.78-4.64-4.96C18.68%206.59%2015.65%204%2012.01%204%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%20d%3D%22M12.01%206c2.61%200%204.89%201.86%205.4%204.43l.3%201.5l1.52.11c1.56.11%202.78%201.41%202.78%202.96c0%201.65-1.35%203-3%203h-13c-2.21%200-4-1.79-4-4c0-2.05%201.53-3.76%203.56-3.97l1.07-.11l.5-.95A5.46%205.46%200%200%201%2012.01%206m0-2C9.12%204%206.6%205.64%205.35%208.04C2.35%208.36.01%2010.91.01%2014c0%203.31%202.69%206%206%206h13c2.76%200%205-2.24%205-5c0-2.64-2.05-4.78-4.64-4.96C18.68%206.59%2015.65%204%2012.01%204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/outline-wb-cloudy.svg?color=%231a73e8&size=48

outline wb cloudy icon

More image icons from Google Material Icons

Use the outline wb cloudy icon

SVG

React

Vue

CSS