water icon
water-32-filled from Fluent UI System Icons by Microsoft Corporation · 32 Filled · MIT Free for personal and commercial use.
- Name
- water-32-filled
- Set
- Fluent UI System Icons
- Style
- 32 Filled
- Viewbox
- 32×32
- License
- MIT
9 other variants in Fluent UI System Icons
The same icon in other sets
waterAkar IconswaterBootstrap IconswaterBoxIcons v2waterFont Awesome 6 SolidwaterFont Awesome SolidwaterIconParkwaterIconPark OutlinewaterIconPark SolidwaterIconPark TwoTonewaterIonIconswaterLine AwesomewaterMaterial Line IconswaterMaterial SymbolswaterMaterial Symbols LightwaterMaterial Design Iconswater-boldSolarwaterUnicons
Use the water icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M2.001 9.87c.06.65.61 1.13 1.25 1.13l-.01-.01h.11c.12-.01 2.201-.22 3.712-2.16c1.14 1.37 2.68 2.16 4.431 2.16s3.352-.83 4.502-2.25c1.15 1.42 2.781 2.25 4.502 2.25s3.29-.79 4.431-2.16c1.51 1.94 3.601 2.16 3.712 2.16c.69.05 1.28-.44 1.35-1.12a1.26 1.26 0 0 0-1.11-1.37c-.2-.02-1.971-.3-2.681-2.62c-.15-.51-.62-.86-1.15-.88c-.571-.04-1.021.3-1.211.8c-.65 1.68-1.89 2.69-3.331 2.69c-1.44 0-2.681-1-3.332-2.69c-.19-.48-.65-.8-1.17-.8s-.98.32-1.17.8c-.65 1.68-1.901 2.69-3.332 2.69s-2.68-1-3.33-2.69A1.27 1.27 0 0 0 6.963 5c-.54.02-1 .38-1.16.89c-.72 2.32-2.492 2.6-2.672 2.62c-.69.06-1.19.67-1.13 1.36M3.251 19a1.248 1.248 0 0 1-.12-2.49c.18-.02 1.951-.3 2.671-2.62c.16-.51.62-.87 1.16-.89c.52-.01 1.021.3 1.211.8c.65 1.69 1.9 2.69 3.331 2.69c1.43 0 2.681-1.01 3.332-2.69c.19-.48.65-.8 1.17-.8s.98.32 1.17.8c.65 1.69 1.891 2.69 3.332 2.69s2.68-1.01 3.33-2.69c.19-.5.641-.84 1.211-.8c.53.02 1 .37 1.15.88c.71 2.32 2.481 2.6 2.682 2.62c.68.08 1.18.69 1.11 1.37a1.25 1.25 0 0 1-1.35 1.12c-.11 0-2.201-.22-3.712-2.16c-1.14 1.37-2.71 2.16-4.431 2.16s-3.352-.83-4.502-2.25c-1.15 1.42-2.751 2.25-4.502 2.25s-3.29-.79-4.431-2.16c-1.51 1.94-3.591 2.15-3.712 2.16h-.11zm0 8a1.248 1.248 0 0 1-.12-2.49c.18-.02 1.951-.3 2.671-2.62c.16-.51.62-.87 1.16-.89c.52-.01 1.021.3 1.211.8c.65 1.69 1.9 2.69 3.331 2.69c1.43 0 2.681-1.01 3.332-2.69c.19-.48.65-.8 1.17-.8s.98.32 1.17.8c.65 1.69 1.891 2.69 3.332 2.69s2.68-1.01 3.33-2.69c.19-.5.641-.84 1.211-.8c.53.02 1 .37 1.15.88c.71 2.32 2.481 2.6 2.682 2.62c.68.08 1.18.69 1.11 1.37a1.25 1.25 0 0 1-1.35 1.12c-.11 0-2.201-.22-3.712-2.16c-1.14 1.37-2.71 2.16-4.431 2.16s-3.352-.83-4.502-2.25c-1.15 1.42-2.751 2.25-4.502 2.25s-3.29-.79-4.431-2.16c-1.51 1.94-3.591 2.15-3.712 2.16h-.11z"/></svg>
React
import type { SVGProps } from "react";
export function FluentWater32Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M2.001 9.87c.06.65.61 1.13 1.25 1.13l-.01-.01h.11c.12-.01 2.201-.22 3.712-2.16c1.14 1.37 2.68 2.16 4.431 2.16s3.352-.83 4.502-2.25c1.15 1.42 2.781 2.25 4.502 2.25s3.29-.79 4.431-2.16c1.51 1.94 3.601 2.16 3.712 2.16c.69.05 1.28-.44 1.35-1.12a1.26 1.26 0 0 0-1.11-1.37c-.2-.02-1.971-.3-2.681-2.62c-.15-.51-.62-.86-1.15-.88c-.571-.04-1.021.3-1.211.8c-.65 1.68-1.89 2.69-3.331 2.69c-1.44 0-2.681-1-3.332-2.69c-.19-.48-.65-.8-1.17-.8s-.98.32-1.17.8c-.65 1.68-1.901 2.69-3.332 2.69s-2.68-1-3.33-2.69A1.27 1.27 0 0 0 6.963 5c-.54.02-1 .38-1.16.89c-.72 2.32-2.492 2.6-2.672 2.62c-.69.06-1.19.67-1.13 1.36M3.251 19a1.248 1.248 0 0 1-.12-2.49c.18-.02 1.951-.3 2.671-2.62c.16-.51.62-.87 1.16-.89c.52-.01 1.021.3 1.211.8c.65 1.69 1.9 2.69 3.331 2.69c1.43 0 2.681-1.01 3.332-2.69c.19-.48.65-.8 1.17-.8s.98.32 1.17.8c.65 1.69 1.891 2.69 3.332 2.69s2.68-1.01 3.33-2.69c.19-.5.641-.84 1.211-.8c.53.02 1 .37 1.15.88c.71 2.32 2.481 2.6 2.682 2.62c.68.08 1.18.69 1.11 1.37a1.25 1.25 0 0 1-1.35 1.12c-.11 0-2.201-.22-3.712-2.16c-1.14 1.37-2.71 2.16-4.431 2.16s-3.352-.83-4.502-2.25c-1.15 1.42-2.751 2.25-4.502 2.25s-3.29-.79-4.431-2.16c-1.51 1.94-3.591 2.15-3.712 2.16h-.11zm0 8a1.248 1.248 0 0 1-.12-2.49c.18-.02 1.951-.3 2.671-2.62c.16-.51.62-.87 1.16-.89c.52-.01 1.021.3 1.211.8c.65 1.69 1.9 2.69 3.331 2.69c1.43 0 2.681-1.01 3.332-2.69c.19-.48.65-.8 1.17-.8s.98.32 1.17.8c.65 1.69 1.891 2.69 3.332 2.69s2.68-1.01 3.33-2.69c.19-.5.641-.84 1.211-.8c.53.02 1 .37 1.15.88c.71 2.32 2.481 2.6 2.682 2.62c.68.08 1.18.69 1.11 1.37a1.25 1.25 0 0 1-1.35 1.12c-.11 0-2.201-.22-3.712-2.16c-1.14 1.37-2.71 2.16-4.431 2.16s-3.352-.83-4.502-2.25c-1.15 1.42-2.751 2.25-4.502 2.25s-3.29-.79-4.431-2.16c-1.51 1.94-3.591 2.15-3.712 2.16h-.11z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M2.001 9.87c.06.65.61 1.13 1.25 1.13l-.01-.01h.11c.12-.01 2.201-.22 3.712-2.16c1.14 1.37 2.68 2.16 4.431 2.16s3.352-.83 4.502-2.25c1.15 1.42 2.781 2.25 4.502 2.25s3.29-.79 4.431-2.16c1.51 1.94 3.601 2.16 3.712 2.16c.69.05 1.28-.44 1.35-1.12a1.26 1.26 0 0 0-1.11-1.37c-.2-.02-1.971-.3-2.681-2.62c-.15-.51-.62-.86-1.15-.88c-.571-.04-1.021.3-1.211.8c-.65 1.68-1.89 2.69-3.331 2.69c-1.44 0-2.681-1-3.332-2.69c-.19-.48-.65-.8-1.17-.8s-.98.32-1.17.8c-.65 1.68-1.901 2.69-3.332 2.69s-2.68-1-3.33-2.69A1.27 1.27 0 0 0 6.963 5c-.54.02-1 .38-1.16.89c-.72 2.32-2.492 2.6-2.672 2.62c-.69.06-1.19.67-1.13 1.36M3.251 19a1.248 1.248 0 0 1-.12-2.49c.18-.02 1.951-.3 2.671-2.62c.16-.51.62-.87 1.16-.89c.52-.01 1.021.3 1.211.8c.65 1.69 1.9 2.69 3.331 2.69c1.43 0 2.681-1.01 3.332-2.69c.19-.48.65-.8 1.17-.8s.98.32 1.17.8c.65 1.69 1.891 2.69 3.332 2.69s2.68-1.01 3.33-2.69c.19-.5.641-.84 1.211-.8c.53.02 1 .37 1.15.88c.71 2.32 2.481 2.6 2.682 2.62c.68.08 1.18.69 1.11 1.37a1.25 1.25 0 0 1-1.35 1.12c-.11 0-2.201-.22-3.712-2.16c-1.14 1.37-2.71 2.16-4.431 2.16s-3.352-.83-4.502-2.25c-1.15 1.42-2.751 2.25-4.502 2.25s-3.29-.79-4.431-2.16c-1.51 1.94-3.591 2.15-3.712 2.16h-.11zm0 8a1.248 1.248 0 0 1-.12-2.49c.18-.02 1.951-.3 2.671-2.62c.16-.51.62-.87 1.16-.89c.52-.01 1.021.3 1.211.8c.65 1.69 1.9 2.69 3.331 2.69c1.43 0 2.681-1.01 3.332-2.69c.19-.48.65-.8 1.17-.8s.98.32 1.17.8c.65 1.69 1.891 2.69 3.332 2.69s2.68-1.01 3.33-2.69c.19-.5.641-.84 1.211-.8c.53.02 1 .37 1.15.88c.71 2.32 2.481 2.6 2.682 2.62c.68.08 1.18.69 1.11 1.37a1.25 1.25 0 0 1-1.35 1.12c-.11 0-2.201-.22-3.712-2.16c-1.14 1.37-2.71 2.16-4.431 2.16s-3.352-.83-4.502-2.25c-1.15 1.42-2.751 2.25-4.502 2.25s-3.29-.79-4.431-2.16c-1.51 1.94-3.591 2.15-3.712 2.16h-.11z"/></svg> </template>
CSS
.icon-water-32-filled {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.001%209.87c.06.65.61%201.13%201.25%201.13l-.01-.01h.11c.12-.01%202.201-.22%203.712-2.16c1.14%201.37%202.68%202.16%204.431%202.16s3.352-.83%204.502-2.25c1.15%201.42%202.781%202.25%204.502%202.25s3.29-.79%204.431-2.16c1.51%201.94%203.601%202.16%203.712%202.16c.69.05%201.28-.44%201.35-1.12a1.26%201.26%200%200%200-1.11-1.37c-.2-.02-1.971-.3-2.681-2.62c-.15-.51-.62-.86-1.15-.88c-.571-.04-1.021.3-1.211.8c-.65%201.68-1.89%202.69-3.331%202.69c-1.44%200-2.681-1-3.332-2.69c-.19-.48-.65-.8-1.17-.8s-.98.32-1.17.8c-.65%201.68-1.901%202.69-3.332%202.69s-2.68-1-3.33-2.69A1.27%201.27%200%200%200%206.963%205c-.54.02-1%20.38-1.16.89c-.72%202.32-2.492%202.6-2.672%202.62c-.69.06-1.19.67-1.13%201.36M3.251%2019a1.248%201.248%200%200%201-.12-2.49c.18-.02%201.951-.3%202.671-2.62c.16-.51.62-.87%201.16-.89c.52-.01%201.021.3%201.211.8c.65%201.69%201.9%202.69%203.331%202.69c1.43%200%202.681-1.01%203.332-2.69c.19-.48.65-.8%201.17-.8s.98.32%201.17.8c.65%201.69%201.891%202.69%203.332%202.69s2.68-1.01%203.33-2.69c.19-.5.641-.84%201.211-.8c.53.02%201%20.37%201.15.88c.71%202.32%202.481%202.6%202.682%202.62c.68.08%201.18.69%201.11%201.37a1.25%201.25%200%200%201-1.35%201.12c-.11%200-2.201-.22-3.712-2.16c-1.14%201.37-2.71%202.16-4.431%202.16s-3.352-.83-4.502-2.25c-1.15%201.42-2.751%202.25-4.502%202.25s-3.29-.79-4.431-2.16c-1.51%201.94-3.591%202.15-3.712%202.16h-.11zm0%208a1.248%201.248%200%200%201-.12-2.49c.18-.02%201.951-.3%202.671-2.62c.16-.51.62-.87%201.16-.89c.52-.01%201.021.3%201.211.8c.65%201.69%201.9%202.69%203.331%202.69c1.43%200%202.681-1.01%203.332-2.69c.19-.48.65-.8%201.17-.8s.98.32%201.17.8c.65%201.69%201.891%202.69%203.332%202.69s2.68-1.01%203.33-2.69c.19-.5.641-.84%201.211-.8c.53.02%201%20.37%201.15.88c.71%202.32%202.481%202.6%202.682%202.62c.68.08%201.18.69%201.11%201.37a1.25%201.25%200%200%201-1.35%201.12c-.11%200-2.201-.22-3.712-2.16c-1.14%201.37-2.71%202.16-4.431%202.16s-3.352-.83-4.502-2.25c-1.15%201.42-2.751%202.25-4.502%202.25s-3.29-.79-4.431-2.16c-1.51%201.94-3.591%202.15-3.712%202.16h-.11z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.001%209.87c.06.65.61%201.13%201.25%201.13l-.01-.01h.11c.12-.01%202.201-.22%203.712-2.16c1.14%201.37%202.68%202.16%204.431%202.16s3.352-.83%204.502-2.25c1.15%201.42%202.781%202.25%204.502%202.25s3.29-.79%204.431-2.16c1.51%201.94%203.601%202.16%203.712%202.16c.69.05%201.28-.44%201.35-1.12a1.26%201.26%200%200%200-1.11-1.37c-.2-.02-1.971-.3-2.681-2.62c-.15-.51-.62-.86-1.15-.88c-.571-.04-1.021.3-1.211.8c-.65%201.68-1.89%202.69-3.331%202.69c-1.44%200-2.681-1-3.332-2.69c-.19-.48-.65-.8-1.17-.8s-.98.32-1.17.8c-.65%201.68-1.901%202.69-3.332%202.69s-2.68-1-3.33-2.69A1.27%201.27%200%200%200%206.963%205c-.54.02-1%20.38-1.16.89c-.72%202.32-2.492%202.6-2.672%202.62c-.69.06-1.19.67-1.13%201.36M3.251%2019a1.248%201.248%200%200%201-.12-2.49c.18-.02%201.951-.3%202.671-2.62c.16-.51.62-.87%201.16-.89c.52-.01%201.021.3%201.211.8c.65%201.69%201.9%202.69%203.331%202.69c1.43%200%202.681-1.01%203.332-2.69c.19-.48.65-.8%201.17-.8s.98.32%201.17.8c.65%201.69%201.891%202.69%203.332%202.69s2.68-1.01%203.33-2.69c.19-.5.641-.84%201.211-.8c.53.02%201%20.37%201.15.88c.71%202.32%202.481%202.6%202.682%202.62c.68.08%201.18.69%201.11%201.37a1.25%201.25%200%200%201-1.35%201.12c-.11%200-2.201-.22-3.712-2.16c-1.14%201.37-2.71%202.16-4.431%202.16s-3.352-.83-4.502-2.25c-1.15%201.42-2.751%202.25-4.502%202.25s-3.29-.79-4.431-2.16c-1.51%201.94-3.591%202.15-3.712%202.16h-.11zm0%208a1.248%201.248%200%200%201-.12-2.49c.18-.02%201.951-.3%202.671-2.62c.16-.51.62-.87%201.16-.89c.52-.01%201.021.3%201.211.8c.65%201.69%201.9%202.69%203.331%202.69c1.43%200%202.681-1.01%203.332-2.69c.19-.48.65-.8%201.17-.8s.98.32%201.17.8c.65%201.69%201.891%202.69%203.332%202.69s2.68-1.01%203.33-2.69c.19-.5.641-.84%201.211-.8c.53.02%201%20.37%201.15.88c.71%202.32%202.481%202.6%202.682%202.62c.68.08%201.18.69%201.11%201.37a1.25%201.25%200%200%201-1.35%201.12c-.11%200-2.201-.22-3.712-2.16c-1.14%201.37-2.71%202.16-4.431%202.16s-3.352-.83-4.502-2.25c-1.15%201.42-2.751%202.25-4.502%202.25s-3.29-.79-4.431-2.16c-1.51%201.94-3.591%202.15-3.712%202.16h-.11z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/water-32-filled.svg?color=%231a73e8&size=48
