water icon

water-32-regular from Fluent UI System Icons by Microsoft Corporation · 32 Regular · MIT Free for personal and commercial use.

Name
water-32-regular
Set
Fluent UI System Icons
Style
32 Regular
Viewbox
32×32
License
MIT

9 other variants in Fluent UI System Icons

water-16-filledwater-16-regularwater-20-filledwater-20-regularwater-24-filledwater-24-regularwater-32-filledwater-48-filledwater-48-regular

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="M25.933 6.14a1 1 0 0 0-1.866 0c-.77 2-2.234 2.855-3.567 2.855s-2.798-.855-3.567-2.853a1 1 0 0 0-1.866 0c-.77 1.997-2.234 2.854-3.567 2.854s-2.798-.857-3.567-2.854a1 1 0 0 0-1.866 0C5.27 8.214 3.81 9 3 9a1 1 0 1 0 0 2c1.41 0 2.92-.87 4.007-2.4c1.14 1.556 2.78 2.396 4.493 2.396c1.717 0 3.359-.843 4.5-2.406c1.141 1.563 2.783 2.406 4.5 2.405c1.714 0 3.353-.84 4.494-2.397c1.087 1.528 2.597 2.397 4.006 2.397a1 1 0 0 0 0-2c-.811 0-2.27-.785-3.067-2.854M25 13.5a1 1 0 0 1 .933.64c.797 2.07 2.256 2.855 3.067 2.855a1 1 0 1 1 0 2c-1.409 0-2.919-.869-4.006-2.397c-1.141 1.557-2.78 2.397-4.494 2.397c-1.717 0-3.359-.842-4.5-2.405c-1.141 1.563-2.783 2.406-4.5 2.406c-1.714 0-3.352-.84-4.493-2.396C5.92 18.13 4.409 19 3 19a1 1 0 0 1 0-2c.81 0 2.27-.785 3.067-2.858a1 1 0 0 1 1.866 0c.77 1.998 2.234 2.854 3.567 2.854s2.798-.856 3.567-2.854a1 1 0 0 1 1.866 0c.77 1.998 2.234 2.854 3.567 2.853s2.798-.856 3.567-2.854A1 1 0 0 1 25 13.5m0 8a1 1 0 0 1 .933.64c.797 2.07 2.256 2.855 3.067 2.855a1 1 0 1 1 0 2c-1.409 0-2.919-.869-4.006-2.397c-1.141 1.557-2.78 2.397-4.494 2.397c-1.717 0-3.359-.842-4.5-2.405c-1.141 1.563-2.783 2.406-4.5 2.406c-1.714 0-3.352-.84-4.493-2.396C5.92 26.13 4.409 27 3 27a1 1 0 0 1 0-2c.81 0 2.27-.785 3.067-2.858a1 1 0 0 1 1.866 0c.77 1.998 2.234 2.854 3.567 2.854s2.798-.856 3.567-2.854a1 1 0 0 1 1.866 0c.77 1.998 2.234 2.854 3.567 2.853s2.798-.856 3.567-2.854A1 1 0 0 1 25 21.5"/></svg>

React

import type { SVGProps } from "react";

export function FluentWater32Regular(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="M25.933 6.14a1 1 0 0 0-1.866 0c-.77 2-2.234 2.855-3.567 2.855s-2.798-.855-3.567-2.853a1 1 0 0 0-1.866 0c-.77 1.997-2.234 2.854-3.567 2.854s-2.798-.857-3.567-2.854a1 1 0 0 0-1.866 0C5.27 8.214 3.81 9 3 9a1 1 0 1 0 0 2c1.41 0 2.92-.87 4.007-2.4c1.14 1.556 2.78 2.396 4.493 2.396c1.717 0 3.359-.843 4.5-2.406c1.141 1.563 2.783 2.406 4.5 2.405c1.714 0 3.353-.84 4.494-2.397c1.087 1.528 2.597 2.397 4.006 2.397a1 1 0 0 0 0-2c-.811 0-2.27-.785-3.067-2.854M25 13.5a1 1 0 0 1 .933.64c.797 2.07 2.256 2.855 3.067 2.855a1 1 0 1 1 0 2c-1.409 0-2.919-.869-4.006-2.397c-1.141 1.557-2.78 2.397-4.494 2.397c-1.717 0-3.359-.842-4.5-2.405c-1.141 1.563-2.783 2.406-4.5 2.406c-1.714 0-3.352-.84-4.493-2.396C5.92 18.13 4.409 19 3 19a1 1 0 0 1 0-2c.81 0 2.27-.785 3.067-2.858a1 1 0 0 1 1.866 0c.77 1.998 2.234 2.854 3.567 2.854s2.798-.856 3.567-2.854a1 1 0 0 1 1.866 0c.77 1.998 2.234 2.854 3.567 2.853s2.798-.856 3.567-2.854A1 1 0 0 1 25 13.5m0 8a1 1 0 0 1 .933.64c.797 2.07 2.256 2.855 3.067 2.855a1 1 0 1 1 0 2c-1.409 0-2.919-.869-4.006-2.397c-1.141 1.557-2.78 2.397-4.494 2.397c-1.717 0-3.359-.842-4.5-2.405c-1.141 1.563-2.783 2.406-4.5 2.406c-1.714 0-3.352-.84-4.493-2.396C5.92 26.13 4.409 27 3 27a1 1 0 0 1 0-2c.81 0 2.27-.785 3.067-2.858a1 1 0 0 1 1.866 0c.77 1.998 2.234 2.854 3.567 2.854s2.798-.856 3.567-2.854a1 1 0 0 1 1.866 0c.77 1.998 2.234 2.854 3.567 2.853s2.798-.856 3.567-2.854A1 1 0 0 1 25 21.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M25.933 6.14a1 1 0 0 0-1.866 0c-.77 2-2.234 2.855-3.567 2.855s-2.798-.855-3.567-2.853a1 1 0 0 0-1.866 0c-.77 1.997-2.234 2.854-3.567 2.854s-2.798-.857-3.567-2.854a1 1 0 0 0-1.866 0C5.27 8.214 3.81 9 3 9a1 1 0 1 0 0 2c1.41 0 2.92-.87 4.007-2.4c1.14 1.556 2.78 2.396 4.493 2.396c1.717 0 3.359-.843 4.5-2.406c1.141 1.563 2.783 2.406 4.5 2.405c1.714 0 3.353-.84 4.494-2.397c1.087 1.528 2.597 2.397 4.006 2.397a1 1 0 0 0 0-2c-.811 0-2.27-.785-3.067-2.854M25 13.5a1 1 0 0 1 .933.64c.797 2.07 2.256 2.855 3.067 2.855a1 1 0 1 1 0 2c-1.409 0-2.919-.869-4.006-2.397c-1.141 1.557-2.78 2.397-4.494 2.397c-1.717 0-3.359-.842-4.5-2.405c-1.141 1.563-2.783 2.406-4.5 2.406c-1.714 0-3.352-.84-4.493-2.396C5.92 18.13 4.409 19 3 19a1 1 0 0 1 0-2c.81 0 2.27-.785 3.067-2.858a1 1 0 0 1 1.866 0c.77 1.998 2.234 2.854 3.567 2.854s2.798-.856 3.567-2.854a1 1 0 0 1 1.866 0c.77 1.998 2.234 2.854 3.567 2.853s2.798-.856 3.567-2.854A1 1 0 0 1 25 13.5m0 8a1 1 0 0 1 .933.64c.797 2.07 2.256 2.855 3.067 2.855a1 1 0 1 1 0 2c-1.409 0-2.919-.869-4.006-2.397c-1.141 1.557-2.78 2.397-4.494 2.397c-1.717 0-3.359-.842-4.5-2.405c-1.141 1.563-2.783 2.406-4.5 2.406c-1.714 0-3.352-.84-4.493-2.396C5.92 26.13 4.409 27 3 27a1 1 0 0 1 0-2c.81 0 2.27-.785 3.067-2.858a1 1 0 0 1 1.866 0c.77 1.998 2.234 2.854 3.567 2.854s2.798-.856 3.567-2.854a1 1 0 0 1 1.866 0c.77 1.998 2.234 2.854 3.567 2.853s2.798-.856 3.567-2.854A1 1 0 0 1 25 21.5"/></svg>
</template>

CSS

.icon-water-32-regular {
  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%22M25.933%206.14a1%201%200%200%200-1.866%200c-.77%202-2.234%202.855-3.567%202.855s-2.798-.855-3.567-2.853a1%201%200%200%200-1.866%200c-.77%201.997-2.234%202.854-3.567%202.854s-2.798-.857-3.567-2.854a1%201%200%200%200-1.866%200C5.27%208.214%203.81%209%203%209a1%201%200%201%200%200%202c1.41%200%202.92-.87%204.007-2.4c1.14%201.556%202.78%202.396%204.493%202.396c1.717%200%203.359-.843%204.5-2.406c1.141%201.563%202.783%202.406%204.5%202.405c1.714%200%203.353-.84%204.494-2.397c1.087%201.528%202.597%202.397%204.006%202.397a1%201%200%200%200%200-2c-.811%200-2.27-.785-3.067-2.854M25%2013.5a1%201%200%200%201%20.933.64c.797%202.07%202.256%202.855%203.067%202.855a1%201%200%201%201%200%202c-1.409%200-2.919-.869-4.006-2.397c-1.141%201.557-2.78%202.397-4.494%202.397c-1.717%200-3.359-.842-4.5-2.405c-1.141%201.563-2.783%202.406-4.5%202.406c-1.714%200-3.352-.84-4.493-2.396C5.92%2018.13%204.409%2019%203%2019a1%201%200%200%201%200-2c.81%200%202.27-.785%203.067-2.858a1%201%200%200%201%201.866%200c.77%201.998%202.234%202.854%203.567%202.854s2.798-.856%203.567-2.854a1%201%200%200%201%201.866%200c.77%201.998%202.234%202.854%203.567%202.853s2.798-.856%203.567-2.854A1%201%200%200%201%2025%2013.5m0%208a1%201%200%200%201%20.933.64c.797%202.07%202.256%202.855%203.067%202.855a1%201%200%201%201%200%202c-1.409%200-2.919-.869-4.006-2.397c-1.141%201.557-2.78%202.397-4.494%202.397c-1.717%200-3.359-.842-4.5-2.405c-1.141%201.563-2.783%202.406-4.5%202.406c-1.714%200-3.352-.84-4.493-2.396C5.92%2026.13%204.409%2027%203%2027a1%201%200%200%201%200-2c.81%200%202.27-.785%203.067-2.858a1%201%200%200%201%201.866%200c.77%201.998%202.234%202.854%203.567%202.854s2.798-.856%203.567-2.854a1%201%200%200%201%201.866%200c.77%201.998%202.234%202.854%203.567%202.853s2.798-.856%203.567-2.854A1%201%200%200%201%2025%2021.5%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%22M25.933%206.14a1%201%200%200%200-1.866%200c-.77%202-2.234%202.855-3.567%202.855s-2.798-.855-3.567-2.853a1%201%200%200%200-1.866%200c-.77%201.997-2.234%202.854-3.567%202.854s-2.798-.857-3.567-2.854a1%201%200%200%200-1.866%200C5.27%208.214%203.81%209%203%209a1%201%200%201%200%200%202c1.41%200%202.92-.87%204.007-2.4c1.14%201.556%202.78%202.396%204.493%202.396c1.717%200%203.359-.843%204.5-2.406c1.141%201.563%202.783%202.406%204.5%202.405c1.714%200%203.353-.84%204.494-2.397c1.087%201.528%202.597%202.397%204.006%202.397a1%201%200%200%200%200-2c-.811%200-2.27-.785-3.067-2.854M25%2013.5a1%201%200%200%201%20.933.64c.797%202.07%202.256%202.855%203.067%202.855a1%201%200%201%201%200%202c-1.409%200-2.919-.869-4.006-2.397c-1.141%201.557-2.78%202.397-4.494%202.397c-1.717%200-3.359-.842-4.5-2.405c-1.141%201.563-2.783%202.406-4.5%202.406c-1.714%200-3.352-.84-4.493-2.396C5.92%2018.13%204.409%2019%203%2019a1%201%200%200%201%200-2c.81%200%202.27-.785%203.067-2.858a1%201%200%200%201%201.866%200c.77%201.998%202.234%202.854%203.567%202.854s2.798-.856%203.567-2.854a1%201%200%200%201%201.866%200c.77%201.998%202.234%202.854%203.567%202.853s2.798-.856%203.567-2.854A1%201%200%200%201%2025%2013.5m0%208a1%201%200%200%201%20.933.64c.797%202.07%202.256%202.855%203.067%202.855a1%201%200%201%201%200%202c-1.409%200-2.919-.869-4.006-2.397c-1.141%201.557-2.78%202.397-4.494%202.397c-1.717%200-3.359-.842-4.5-2.405c-1.141%201.563-2.783%202.406-4.5%202.406c-1.714%200-3.352-.84-4.493-2.396C5.92%2026.13%204.409%2027%203%2027a1%201%200%200%201%200-2c.81%200%202.27-.785%203.067-2.858a1%201%200%200%201%201.866%200c.77%201.998%202.234%202.854%203.567%202.854s2.798-.856%203.567-2.854a1%201%200%200%201%201.866%200c.77%201.998%202.234%202.854%203.567%202.853s2.798-.856%203.567-2.854A1%201%200%200%201%2025%2021.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/water-32-regular.svg?color=%231a73e8&size=48