water icon

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

Name
water-48-regular
Set
Fluent UI System Icons
Style
48 Regular
Viewbox
48×48
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-32-regularwater-48-filled

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 48 48"><path fill="currentColor" d="M38.165 9.297a1.25 1.25 0 0 0-2.33 0c-1.13 2.909-3.309 4.196-5.335 4.196s-4.205-1.287-5.335-4.195a1.25 1.25 0 0 0-2.33 0c-1.13 2.908-3.309 4.196-5.335 4.196s-4.205-1.288-5.335-4.196a1.25 1.25 0 0 0-2.33 0C8.668 12.307 6.525 13.5 5.25 13.5a1.25 1.25 0 0 0 0 2.5c2.02 0 4.214-1.288 5.76-3.573c1.621 2.325 4.009 3.567 6.49 3.567c2.486 0 4.878-1.247 6.5-3.58c1.622 2.333 4.014 3.58 6.5 3.58c2.481 0 4.87-1.243 6.491-3.57C38.536 14.71 40.73 16 42.75 16a1.25 1.25 0 1 0 0-2.5c-1.274 0-3.418-1.198-4.585-4.203M37 20.5c.516 0 .978.317 1.165.797c1.167 3.005 3.31 4.203 4.585 4.203a1.25 1.25 0 1 1 0 2.5c-2.021 0-4.214-1.29-5.759-3.575c-1.621 2.326-4.01 3.568-6.49 3.569c-2.487 0-4.879-1.247-6.501-3.58c-1.622 2.333-4.014 3.58-6.5 3.58c-2.481 0-4.869-1.242-6.49-3.567C9.463 26.712 7.27 28 5.25 28a1.25 1.25 0 0 1 0-2.5c1.275 0 3.418-1.194 4.585-4.201a1.25 1.25 0 0 1 2.33 0c1.13 2.907 3.309 4.195 5.335 4.195s4.205-1.288 5.335-4.196a1.25 1.25 0 0 1 2.33 0c1.13 2.908 3.309 4.196 5.335 4.196s4.205-1.288 5.335-4.197A1.25 1.25 0 0 1 37 20.5m0 12c.516 0 .978.317 1.165.797c1.167 3.005 3.31 4.203 4.585 4.203a1.25 1.25 0 1 1 0 2.5c-2.021 0-4.214-1.29-5.759-3.575c-1.621 2.326-4.01 3.568-6.49 3.569c-2.487 0-4.879-1.247-6.501-3.58c-1.622 2.333-4.014 3.58-6.5 3.58c-2.481 0-4.869-1.242-6.49-3.568C9.463 38.713 7.27 40 5.25 40a1.25 1.25 0 0 1 0-2.5c1.275 0 3.418-1.194 4.585-4.201a1.25 1.25 0 0 1 2.33 0c1.13 2.907 3.309 4.195 5.335 4.195s4.205-1.288 5.335-4.196a1.25 1.25 0 0 1 2.33 0c1.13 2.908 3.309 4.196 5.335 4.195s4.205-1.287 5.335-4.196A1.25 1.25 0 0 1 37 32.5"/></svg>

React

import type { SVGProps } from "react";

export function FluentWater48Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M38.165 9.297a1.25 1.25 0 0 0-2.33 0c-1.13 2.909-3.309 4.196-5.335 4.196s-4.205-1.287-5.335-4.195a1.25 1.25 0 0 0-2.33 0c-1.13 2.908-3.309 4.196-5.335 4.196s-4.205-1.288-5.335-4.196a1.25 1.25 0 0 0-2.33 0C8.668 12.307 6.525 13.5 5.25 13.5a1.25 1.25 0 0 0 0 2.5c2.02 0 4.214-1.288 5.76-3.573c1.621 2.325 4.009 3.567 6.49 3.567c2.486 0 4.878-1.247 6.5-3.58c1.622 2.333 4.014 3.58 6.5 3.58c2.481 0 4.87-1.243 6.491-3.57C38.536 14.71 40.73 16 42.75 16a1.25 1.25 0 1 0 0-2.5c-1.274 0-3.418-1.198-4.585-4.203M37 20.5c.516 0 .978.317 1.165.797c1.167 3.005 3.31 4.203 4.585 4.203a1.25 1.25 0 1 1 0 2.5c-2.021 0-4.214-1.29-5.759-3.575c-1.621 2.326-4.01 3.568-6.49 3.569c-2.487 0-4.879-1.247-6.501-3.58c-1.622 2.333-4.014 3.58-6.5 3.58c-2.481 0-4.869-1.242-6.49-3.567C9.463 26.712 7.27 28 5.25 28a1.25 1.25 0 0 1 0-2.5c1.275 0 3.418-1.194 4.585-4.201a1.25 1.25 0 0 1 2.33 0c1.13 2.907 3.309 4.195 5.335 4.195s4.205-1.288 5.335-4.196a1.25 1.25 0 0 1 2.33 0c1.13 2.908 3.309 4.196 5.335 4.196s4.205-1.288 5.335-4.197A1.25 1.25 0 0 1 37 20.5m0 12c.516 0 .978.317 1.165.797c1.167 3.005 3.31 4.203 4.585 4.203a1.25 1.25 0 1 1 0 2.5c-2.021 0-4.214-1.29-5.759-3.575c-1.621 2.326-4.01 3.568-6.49 3.569c-2.487 0-4.879-1.247-6.501-3.58c-1.622 2.333-4.014 3.58-6.5 3.58c-2.481 0-4.869-1.242-6.49-3.568C9.463 38.713 7.27 40 5.25 40a1.25 1.25 0 0 1 0-2.5c1.275 0 3.418-1.194 4.585-4.201a1.25 1.25 0 0 1 2.33 0c1.13 2.907 3.309 4.195 5.335 4.195s4.205-1.288 5.335-4.196a1.25 1.25 0 0 1 2.33 0c1.13 2.908 3.309 4.196 5.335 4.195s4.205-1.287 5.335-4.196A1.25 1.25 0 0 1 37 32.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M38.165 9.297a1.25 1.25 0 0 0-2.33 0c-1.13 2.909-3.309 4.196-5.335 4.196s-4.205-1.287-5.335-4.195a1.25 1.25 0 0 0-2.33 0c-1.13 2.908-3.309 4.196-5.335 4.196s-4.205-1.288-5.335-4.196a1.25 1.25 0 0 0-2.33 0C8.668 12.307 6.525 13.5 5.25 13.5a1.25 1.25 0 0 0 0 2.5c2.02 0 4.214-1.288 5.76-3.573c1.621 2.325 4.009 3.567 6.49 3.567c2.486 0 4.878-1.247 6.5-3.58c1.622 2.333 4.014 3.58 6.5 3.58c2.481 0 4.87-1.243 6.491-3.57C38.536 14.71 40.73 16 42.75 16a1.25 1.25 0 1 0 0-2.5c-1.274 0-3.418-1.198-4.585-4.203M37 20.5c.516 0 .978.317 1.165.797c1.167 3.005 3.31 4.203 4.585 4.203a1.25 1.25 0 1 1 0 2.5c-2.021 0-4.214-1.29-5.759-3.575c-1.621 2.326-4.01 3.568-6.49 3.569c-2.487 0-4.879-1.247-6.501-3.58c-1.622 2.333-4.014 3.58-6.5 3.58c-2.481 0-4.869-1.242-6.49-3.567C9.463 26.712 7.27 28 5.25 28a1.25 1.25 0 0 1 0-2.5c1.275 0 3.418-1.194 4.585-4.201a1.25 1.25 0 0 1 2.33 0c1.13 2.907 3.309 4.195 5.335 4.195s4.205-1.288 5.335-4.196a1.25 1.25 0 0 1 2.33 0c1.13 2.908 3.309 4.196 5.335 4.196s4.205-1.288 5.335-4.197A1.25 1.25 0 0 1 37 20.5m0 12c.516 0 .978.317 1.165.797c1.167 3.005 3.31 4.203 4.585 4.203a1.25 1.25 0 1 1 0 2.5c-2.021 0-4.214-1.29-5.759-3.575c-1.621 2.326-4.01 3.568-6.49 3.569c-2.487 0-4.879-1.247-6.501-3.58c-1.622 2.333-4.014 3.58-6.5 3.58c-2.481 0-4.869-1.242-6.49-3.568C9.463 38.713 7.27 40 5.25 40a1.25 1.25 0 0 1 0-2.5c1.275 0 3.418-1.194 4.585-4.201a1.25 1.25 0 0 1 2.33 0c1.13 2.907 3.309 4.195 5.335 4.195s4.205-1.288 5.335-4.196a1.25 1.25 0 0 1 2.33 0c1.13 2.908 3.309 4.196 5.335 4.195s4.205-1.287 5.335-4.196A1.25 1.25 0 0 1 37 32.5"/></svg>
</template>

CSS

.icon-water-48-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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M38.165%209.297a1.25%201.25%200%200%200-2.33%200c-1.13%202.909-3.309%204.196-5.335%204.196s-4.205-1.287-5.335-4.195a1.25%201.25%200%200%200-2.33%200c-1.13%202.908-3.309%204.196-5.335%204.196s-4.205-1.288-5.335-4.196a1.25%201.25%200%200%200-2.33%200C8.668%2012.307%206.525%2013.5%205.25%2013.5a1.25%201.25%200%200%200%200%202.5c2.02%200%204.214-1.288%205.76-3.573c1.621%202.325%204.009%203.567%206.49%203.567c2.486%200%204.878-1.247%206.5-3.58c1.622%202.333%204.014%203.58%206.5%203.58c2.481%200%204.87-1.243%206.491-3.57C38.536%2014.71%2040.73%2016%2042.75%2016a1.25%201.25%200%201%200%200-2.5c-1.274%200-3.418-1.198-4.585-4.203M37%2020.5c.516%200%20.978.317%201.165.797c1.167%203.005%203.31%204.203%204.585%204.203a1.25%201.25%200%201%201%200%202.5c-2.021%200-4.214-1.29-5.759-3.575c-1.621%202.326-4.01%203.568-6.49%203.569c-2.487%200-4.879-1.247-6.501-3.58c-1.622%202.333-4.014%203.58-6.5%203.58c-2.481%200-4.869-1.242-6.49-3.567C9.463%2026.712%207.27%2028%205.25%2028a1.25%201.25%200%200%201%200-2.5c1.275%200%203.418-1.194%204.585-4.201a1.25%201.25%200%200%201%202.33%200c1.13%202.907%203.309%204.195%205.335%204.195s4.205-1.288%205.335-4.196a1.25%201.25%200%200%201%202.33%200c1.13%202.908%203.309%204.196%205.335%204.196s4.205-1.288%205.335-4.197A1.25%201.25%200%200%201%2037%2020.5m0%2012c.516%200%20.978.317%201.165.797c1.167%203.005%203.31%204.203%204.585%204.203a1.25%201.25%200%201%201%200%202.5c-2.021%200-4.214-1.29-5.759-3.575c-1.621%202.326-4.01%203.568-6.49%203.569c-2.487%200-4.879-1.247-6.501-3.58c-1.622%202.333-4.014%203.58-6.5%203.58c-2.481%200-4.869-1.242-6.49-3.568C9.463%2038.713%207.27%2040%205.25%2040a1.25%201.25%200%200%201%200-2.5c1.275%200%203.418-1.194%204.585-4.201a1.25%201.25%200%200%201%202.33%200c1.13%202.907%203.309%204.195%205.335%204.195s4.205-1.288%205.335-4.196a1.25%201.25%200%200%201%202.33%200c1.13%202.908%203.309%204.196%205.335%204.195s4.205-1.287%205.335-4.196A1.25%201.25%200%200%201%2037%2032.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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M38.165%209.297a1.25%201.25%200%200%200-2.33%200c-1.13%202.909-3.309%204.196-5.335%204.196s-4.205-1.287-5.335-4.195a1.25%201.25%200%200%200-2.33%200c-1.13%202.908-3.309%204.196-5.335%204.196s-4.205-1.288-5.335-4.196a1.25%201.25%200%200%200-2.33%200C8.668%2012.307%206.525%2013.5%205.25%2013.5a1.25%201.25%200%200%200%200%202.5c2.02%200%204.214-1.288%205.76-3.573c1.621%202.325%204.009%203.567%206.49%203.567c2.486%200%204.878-1.247%206.5-3.58c1.622%202.333%204.014%203.58%206.5%203.58c2.481%200%204.87-1.243%206.491-3.57C38.536%2014.71%2040.73%2016%2042.75%2016a1.25%201.25%200%201%200%200-2.5c-1.274%200-3.418-1.198-4.585-4.203M37%2020.5c.516%200%20.978.317%201.165.797c1.167%203.005%203.31%204.203%204.585%204.203a1.25%201.25%200%201%201%200%202.5c-2.021%200-4.214-1.29-5.759-3.575c-1.621%202.326-4.01%203.568-6.49%203.569c-2.487%200-4.879-1.247-6.501-3.58c-1.622%202.333-4.014%203.58-6.5%203.58c-2.481%200-4.869-1.242-6.49-3.567C9.463%2026.712%207.27%2028%205.25%2028a1.25%201.25%200%200%201%200-2.5c1.275%200%203.418-1.194%204.585-4.201a1.25%201.25%200%200%201%202.33%200c1.13%202.907%203.309%204.195%205.335%204.195s4.205-1.288%205.335-4.196a1.25%201.25%200%200%201%202.33%200c1.13%202.908%203.309%204.196%205.335%204.196s4.205-1.288%205.335-4.197A1.25%201.25%200%200%201%2037%2020.5m0%2012c.516%200%20.978.317%201.165.797c1.167%203.005%203.31%204.203%204.585%204.203a1.25%201.25%200%201%201%200%202.5c-2.021%200-4.214-1.29-5.759-3.575c-1.621%202.326-4.01%203.568-6.49%203.569c-2.487%200-4.879-1.247-6.501-3.58c-1.622%202.333-4.014%203.58-6.5%203.58c-2.481%200-4.869-1.242-6.49-3.568C9.463%2038.713%207.27%2040%205.25%2040a1.25%201.25%200%200%201%200-2.5c1.275%200%203.418-1.194%204.585-4.201a1.25%201.25%200%200%201%202.33%200c1.13%202.907%203.309%204.195%205.335%204.195s4.205-1.288%205.335-4.196a1.25%201.25%200%200%201%202.33%200c1.13%202.908%203.309%204.196%205.335%204.195s4.205-1.287%205.335-4.196A1.25%201.25%200%200%201%2037%2032.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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