twotone wb cloudy icon

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

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

More image icons from Google Material Icons

baseline-10mpbaseline-11mpbaseline-12mpbaseline-13mpbaseline-14mpbaseline-15mpbaseline-16mpbaseline-17mpbaseline-18mpbaseline-19mpbaseline-20mpbaseline-21mpbaseline-22mpbaseline-23mpbaseline-24mpbaseline-2mpbaseline-30fps-selectbaseline-3mpbaseline-4mpbaseline-5mpbaseline-60fps-selectbaseline-6mpbaseline-7mpbaseline-8mp

Use the twotone 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="m19.23 12.04l-1.52-.11l-.3-1.5C16.89 7.86 14.62 6 12.01 6C9.95 6 8.08 7.14 7.13 8.96l-.5.95l-1.07.11A3.99 3.99 0 0 0 2.01 14c0 2.21 1.79 4 4 4h13c1.65 0 3-1.35 3-3c0-1.55-1.23-2.86-2.78-2.96" opacity=".3"/><path fill="currentColor" d="M19.36 10.04C18.67 6.59 15.65 4 12.01 4a7.5 7.5 0 0 0-6.66 4.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.65-4.96M19.01 18h-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 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 3"/></svg>

React

import type { SVGProps } from "react";

export function IcTwotoneWbCloudy(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="m19.23 12.04l-1.52-.11l-.3-1.5C16.89 7.86 14.62 6 12.01 6C9.95 6 8.08 7.14 7.13 8.96l-.5.95l-1.07.11A3.99 3.99 0 0 0 2.01 14c0 2.21 1.79 4 4 4h13c1.65 0 3-1.35 3-3c0-1.55-1.23-2.86-2.78-2.96" opacity=".3"/><path fill="currentColor" d="M19.36 10.04C18.67 6.59 15.65 4 12.01 4a7.5 7.5 0 0 0-6.66 4.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.65-4.96M19.01 18h-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 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 3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19.23 12.04l-1.52-.11l-.3-1.5C16.89 7.86 14.62 6 12.01 6C9.95 6 8.08 7.14 7.13 8.96l-.5.95l-1.07.11A3.99 3.99 0 0 0 2.01 14c0 2.21 1.79 4 4 4h13c1.65 0 3-1.35 3-3c0-1.55-1.23-2.86-2.78-2.96" opacity=".3"/><path fill="currentColor" d="M19.36 10.04C18.67 6.59 15.65 4 12.01 4a7.5 7.5 0 0 0-6.66 4.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.65-4.96M19.01 18h-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 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 3"/></svg>
</template>

CSS

.icon-twotone-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%22m19.23%2012.04l-1.52-.11l-.3-1.5C16.89%207.86%2014.62%206%2012.01%206C9.95%206%208.08%207.14%207.13%208.96l-.5.95l-1.07.11A3.99%203.99%200%200%200%202.01%2014c0%202.21%201.79%204%204%204h13c1.65%200%203-1.35%203-3c0-1.55-1.23-2.86-2.78-2.96%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.36%2010.04C18.67%206.59%2015.65%204%2012.01%204a7.5%207.5%200%200%200-6.66%204.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.65-4.96M19.01%2018h-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%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%203%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%22m19.23%2012.04l-1.52-.11l-.3-1.5C16.89%207.86%2014.62%206%2012.01%206C9.95%206%208.08%207.14%207.13%208.96l-.5.95l-1.07.11A3.99%203.99%200%200%200%202.01%2014c0%202.21%201.79%204%204%204h13c1.65%200%203-1.35%203-3c0-1.55-1.23-2.86-2.78-2.96%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.36%2010.04C18.67%206.59%2015.65%204%2012.01%204a7.5%207.5%200%200%200-6.66%204.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.65-4.96M19.01%2018h-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%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%203%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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