water icon
water-rounded from Material Symbols Light by Google · Rounded · Activities · Apache-2.0 Free for personal and commercial use.
- Name
- water-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Activities
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- water-outline-rounded
1 other variant in Material Symbols Light
The same icon in other sets
waterAkar IconswaterBootstrap IconswaterBoxIcons v2waterFont Awesome 6 SolidwaterFont Awesome Solidwater-16-filledFluent UI System IconswaterIconParkwaterIconPark OutlinewaterIconPark SolidwaterIconPark TwoTonewaterIonIconswaterLine AwesomewaterMaterial Line IconswaterMaterial SymbolswaterMaterial Design Iconswater-boldSolarwaterUnicons
More activities icons from Material Symbols Light
Use the water icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.594 16.27q-.725 0-1.107.293t-.804.456q-.267.087-.475-.035Q3 16.86 3 16.598q0-.182.123-.34t.38-.297q.241-.152.808-.422q.566-.27 1.326-.27q1.202 0 1.705.5t1.487.5t1.474-.5t1.71-.5t1.722.5t1.486.5t1.465-.5t1.697-.5q.69 0 1.266.263t.914.46q.221.114.33.271t.107.335q0 .244-.198.376t-.466.045q-.402-.144-.826-.447t-1.124-.303q-.963 0-1.474.5t-1.71.5t-1.703-.5t-1.486-.5t-1.483.5t-1.707.5t-1.723-.5t-1.506-.5m0-3.769q-.719 0-1.105.293q-.385.293-.806.457q-.268.086-.475-.036Q3 13.092 3 12.83q0-.183.123-.34t.38-.297q.241-.152.807-.422t1.327-.27q1.202 0 1.705.5t1.487.5t1.474-.5t1.71-.5t1.723.5t1.48.5q.976 0 1.465-.5t1.696-.5q.76 0 1.336.28t.816.432q.244.124.357.28q.114.154.114.337q0 .244-.201.376t-.468.045q-.402-.144-.823-.447t-1.121-.303q-.964 0-1.474.5t-1.711.5t-1.703-.5t-1.485-.5t-1.478.5t-1.701.5t-1.732-.5t-1.509-.5m.02-3.77q-.7 0-1.115.285q-.414.283-.816.427q-.267.087-.475-.035Q3 9.284 3 9.04q0-.182.123-.33t.38-.287q.241-.152.808-.422q.566-.27 1.326-.27q1.202 0 1.705.5t1.487.5t1.474-.5t1.71-.5t1.723.5t1.48.5q.976 0 1.465-.5t1.696-.5q.76 0 1.336.28q.575.28.816.431q.244.125.357.28q.114.155.114.337q0 .245-.201.376t-.468.046q-.402-.145-.823-.447q-.422-.303-1.122-.303q-.963 0-1.474.5t-1.71.5t-1.703-.5t-1.486-.5t-1.478.5t-1.7.5t-1.723-.5t-1.499-.5"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightWaterRounded(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="M5.594 16.27q-.725 0-1.107.293t-.804.456q-.267.087-.475-.035Q3 16.86 3 16.598q0-.182.123-.34t.38-.297q.241-.152.808-.422q.566-.27 1.326-.27q1.202 0 1.705.5t1.487.5t1.474-.5t1.71-.5t1.722.5t1.486.5t1.465-.5t1.697-.5q.69 0 1.266.263t.914.46q.221.114.33.271t.107.335q0 .244-.198.376t-.466.045q-.402-.144-.826-.447t-1.124-.303q-.963 0-1.474.5t-1.71.5t-1.703-.5t-1.486-.5t-1.483.5t-1.707.5t-1.723-.5t-1.506-.5m0-3.769q-.719 0-1.105.293q-.385.293-.806.457q-.268.086-.475-.036Q3 13.092 3 12.83q0-.183.123-.34t.38-.297q.241-.152.807-.422t1.327-.27q1.202 0 1.705.5t1.487.5t1.474-.5t1.71-.5t1.723.5t1.48.5q.976 0 1.465-.5t1.696-.5q.76 0 1.336.28t.816.432q.244.124.357.28q.114.154.114.337q0 .244-.201.376t-.468.045q-.402-.144-.823-.447t-1.121-.303q-.964 0-1.474.5t-1.711.5t-1.703-.5t-1.485-.5t-1.478.5t-1.701.5t-1.732-.5t-1.509-.5m.02-3.77q-.7 0-1.115.285q-.414.283-.816.427q-.267.087-.475-.035Q3 9.284 3 9.04q0-.182.123-.33t.38-.287q.241-.152.808-.422q.566-.27 1.326-.27q1.202 0 1.705.5t1.487.5t1.474-.5t1.71-.5t1.723.5t1.48.5q.976 0 1.465-.5t1.696-.5q.76 0 1.336.28q.575.28.816.431q.244.125.357.28q.114.155.114.337q0 .245-.201.376t-.468.046q-.402-.145-.823-.447q-.422-.303-1.122-.303q-.963 0-1.474.5t-1.71.5t-1.703-.5t-1.486-.5t-1.478.5t-1.7.5t-1.723-.5t-1.499-.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.594 16.27q-.725 0-1.107.293t-.804.456q-.267.087-.475-.035Q3 16.86 3 16.598q0-.182.123-.34t.38-.297q.241-.152.808-.422q.566-.27 1.326-.27q1.202 0 1.705.5t1.487.5t1.474-.5t1.71-.5t1.722.5t1.486.5t1.465-.5t1.697-.5q.69 0 1.266.263t.914.46q.221.114.33.271t.107.335q0 .244-.198.376t-.466.045q-.402-.144-.826-.447t-1.124-.303q-.963 0-1.474.5t-1.71.5t-1.703-.5t-1.486-.5t-1.483.5t-1.707.5t-1.723-.5t-1.506-.5m0-3.769q-.719 0-1.105.293q-.385.293-.806.457q-.268.086-.475-.036Q3 13.092 3 12.83q0-.183.123-.34t.38-.297q.241-.152.807-.422t1.327-.27q1.202 0 1.705.5t1.487.5t1.474-.5t1.71-.5t1.723.5t1.48.5q.976 0 1.465-.5t1.696-.5q.76 0 1.336.28t.816.432q.244.124.357.28q.114.154.114.337q0 .244-.201.376t-.468.045q-.402-.144-.823-.447t-1.121-.303q-.964 0-1.474.5t-1.711.5t-1.703-.5t-1.485-.5t-1.478.5t-1.701.5t-1.732-.5t-1.509-.5m.02-3.77q-.7 0-1.115.285q-.414.283-.816.427q-.267.087-.475-.035Q3 9.284 3 9.04q0-.182.123-.33t.38-.287q.241-.152.808-.422q.566-.27 1.326-.27q1.202 0 1.705.5t1.487.5t1.474-.5t1.71-.5t1.723.5t1.48.5q.976 0 1.465-.5t1.696-.5q.76 0 1.336.28q.575.28.816.431q.244.125.357.28q.114.155.114.337q0 .245-.201.376t-.468.046q-.402-.145-.823-.447q-.422-.303-1.122-.303q-.963 0-1.474.5t-1.71.5t-1.703-.5t-1.486-.5t-1.478.5t-1.7.5t-1.723-.5t-1.499-.5"/></svg> </template>
CSS
.icon-water-rounded {
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%22M5.594%2016.27q-.725%200-1.107.293t-.804.456q-.267.087-.475-.035Q3%2016.86%203%2016.598q0-.182.123-.34t.38-.297q.241-.152.808-.422q.566-.27%201.326-.27q1.202%200%201.705.5t1.487.5t1.474-.5t1.71-.5t1.722.5t1.486.5t1.465-.5t1.697-.5q.69%200%201.266.263t.914.46q.221.114.33.271t.107.335q0%20.244-.198.376t-.466.045q-.402-.144-.826-.447t-1.124-.303q-.963%200-1.474.5t-1.71.5t-1.703-.5t-1.486-.5t-1.483.5t-1.707.5t-1.723-.5t-1.506-.5m0-3.769q-.719%200-1.105.293q-.385.293-.806.457q-.268.086-.475-.036Q3%2013.092%203%2012.83q0-.183.123-.34t.38-.297q.241-.152.807-.422t1.327-.27q1.202%200%201.705.5t1.487.5t1.474-.5t1.71-.5t1.723.5t1.48.5q.976%200%201.465-.5t1.696-.5q.76%200%201.336.28t.816.432q.244.124.357.28q.114.154.114.337q0%20.244-.201.376t-.468.045q-.402-.144-.823-.447t-1.121-.303q-.964%200-1.474.5t-1.711.5t-1.703-.5t-1.485-.5t-1.478.5t-1.701.5t-1.732-.5t-1.509-.5m.02-3.77q-.7%200-1.115.285q-.414.283-.816.427q-.267.087-.475-.035Q3%209.284%203%209.04q0-.182.123-.33t.38-.287q.241-.152.808-.422q.566-.27%201.326-.27q1.202%200%201.705.5t1.487.5t1.474-.5t1.71-.5t1.723.5t1.48.5q.976%200%201.465-.5t1.696-.5q.76%200%201.336.28q.575.28.816.431q.244.125.357.28q.114.155.114.337q0%20.245-.201.376t-.468.046q-.402-.145-.823-.447q-.422-.303-1.122-.303q-.963%200-1.474.5t-1.71.5t-1.703-.5t-1.486-.5t-1.478.5t-1.7.5t-1.723-.5t-1.499-.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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.594%2016.27q-.725%200-1.107.293t-.804.456q-.267.087-.475-.035Q3%2016.86%203%2016.598q0-.182.123-.34t.38-.297q.241-.152.808-.422q.566-.27%201.326-.27q1.202%200%201.705.5t1.487.5t1.474-.5t1.71-.5t1.722.5t1.486.5t1.465-.5t1.697-.5q.69%200%201.266.263t.914.46q.221.114.33.271t.107.335q0%20.244-.198.376t-.466.045q-.402-.144-.826-.447t-1.124-.303q-.963%200-1.474.5t-1.71.5t-1.703-.5t-1.486-.5t-1.483.5t-1.707.5t-1.723-.5t-1.506-.5m0-3.769q-.719%200-1.105.293q-.385.293-.806.457q-.268.086-.475-.036Q3%2013.092%203%2012.83q0-.183.123-.34t.38-.297q.241-.152.807-.422t1.327-.27q1.202%200%201.705.5t1.487.5t1.474-.5t1.71-.5t1.723.5t1.48.5q.976%200%201.465-.5t1.696-.5q.76%200%201.336.28t.816.432q.244.124.357.28q.114.154.114.337q0%20.244-.201.376t-.468.045q-.402-.144-.823-.447t-1.121-.303q-.964%200-1.474.5t-1.711.5t-1.703-.5t-1.485-.5t-1.478.5t-1.701.5t-1.732-.5t-1.509-.5m.02-3.77q-.7%200-1.115.285q-.414.283-.816.427q-.267.087-.475-.035Q3%209.284%203%209.04q0-.182.123-.33t.38-.287q.241-.152.808-.422q.566-.27%201.326-.27q1.202%200%201.705.5t1.487.5t1.474-.5t1.71-.5t1.723.5t1.48.5q.976%200%201.465-.5t1.696-.5q.76%200%201.336.28q.575.28.816.431q.244.125.357.28q.114.155.114.337q0%20.245-.201.376t-.468.046q-.402-.145-.823-.447q-.422-.303-1.122-.303q-.963%200-1.474.5t-1.71.5t-1.703-.5t-1.486-.5t-1.478.5t-1.7.5t-1.723-.5t-1.499-.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/water-rounded.svg?color=%231a73e8&size=48
