water icon
water-rounded from Material Symbols by Google · Rounded · Activities · Apache-2.0 Free for personal and commercial use.
- Name
- water-rounded
- Set
- Material Symbols
- Style
- Rounded
- Category
- Activities
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- water-outline-rounded
1 other variant in Material Symbols
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 Symbols LightwaterMaterial Design Iconswater-boldSolarwaterUnicons
More activities icons from Material Symbols
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.325 17q-.725 0-1.05.313t-.9.437t-.975-.112t-.4-.713q0-.375.325-.725t1.025-.7q.125-.075.663-.288T5.425 15q1.375 0 1.85.5t1.4.5t1.388-.5t1.912-.5t1.963.5t1.437.5t1.35-.5t1.85-.5q.575 0 1.113.138t1.087.412q.625.325.925.675t.3.7q0 .475-.4.713t-.975.112t-.912-.437T18.675 17q-.925 0-1.388.5t-1.912.5t-1.963-.5t-1.437-.5t-1.388.5t-1.937.5t-1.925-.5t-1.4-.5m0-4q-.7 0-1.038.313t-.912.437t-.975-.112t-.4-.713q0-.375.325-.725t1.025-.7q.125-.075.663-.287T5.425 11q1.375 0 1.85.5t1.4.5t1.388-.5t1.912-.5t1.963.5t1.412.5t1.35-.5t1.85-.5q.875 0 1.413.213t.662.287q.725.375 1.05.713t.325.712q0 .475-.413.713t-.987.112t-.9-.437T18.675 13q-.925 0-1.387.5t-1.913.5t-1.963-.5t-1.437-.5t-1.362.5T8.7 14t-1.963-.5t-1.412-.5m0-4q-.7 0-1.038.313t-.912.437t-.975-.112t-.4-.713q0-.375.325-.725t1.025-.7q.125-.075.663-.287T5.425 7q1.375 0 1.85.5t1.4.5t1.388-.5t1.912-.5t1.963.5t1.412.5t1.35-.5t1.85-.5q.875 0 1.413.213t.662.287q.725.375 1.05.713t.325.712q0 .475-.413.713t-.987.112t-.9-.437T18.675 9q-.925 0-1.387.5t-1.913.5t-1.963-.5t-1.437-.5t-1.362.5T8.7 10t-1.963-.5T5.325 9"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsWaterRounded(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.325 17q-.725 0-1.05.313t-.9.437t-.975-.112t-.4-.713q0-.375.325-.725t1.025-.7q.125-.075.663-.288T5.425 15q1.375 0 1.85.5t1.4.5t1.388-.5t1.912-.5t1.963.5t1.437.5t1.35-.5t1.85-.5q.575 0 1.113.138t1.087.412q.625.325.925.675t.3.7q0 .475-.4.713t-.975.112t-.912-.437T18.675 17q-.925 0-1.388.5t-1.912.5t-1.963-.5t-1.437-.5t-1.388.5t-1.937.5t-1.925-.5t-1.4-.5m0-4q-.7 0-1.038.313t-.912.437t-.975-.112t-.4-.713q0-.375.325-.725t1.025-.7q.125-.075.663-.287T5.425 11q1.375 0 1.85.5t1.4.5t1.388-.5t1.912-.5t1.963.5t1.412.5t1.35-.5t1.85-.5q.875 0 1.413.213t.662.287q.725.375 1.05.713t.325.712q0 .475-.413.713t-.987.112t-.9-.437T18.675 13q-.925 0-1.387.5t-1.913.5t-1.963-.5t-1.437-.5t-1.362.5T8.7 14t-1.963-.5t-1.412-.5m0-4q-.7 0-1.038.313t-.912.437t-.975-.112t-.4-.713q0-.375.325-.725t1.025-.7q.125-.075.663-.287T5.425 7q1.375 0 1.85.5t1.4.5t1.388-.5t1.912-.5t1.963.5t1.412.5t1.35-.5t1.85-.5q.875 0 1.413.213t.662.287q.725.375 1.05.713t.325.712q0 .475-.413.713t-.987.112t-.9-.437T18.675 9q-.925 0-1.387.5t-1.913.5t-1.963-.5t-1.437-.5t-1.362.5T8.7 10t-1.963-.5T5.325 9"/></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.325 17q-.725 0-1.05.313t-.9.437t-.975-.112t-.4-.713q0-.375.325-.725t1.025-.7q.125-.075.663-.288T5.425 15q1.375 0 1.85.5t1.4.5t1.388-.5t1.912-.5t1.963.5t1.437.5t1.35-.5t1.85-.5q.575 0 1.113.138t1.087.412q.625.325.925.675t.3.7q0 .475-.4.713t-.975.112t-.912-.437T18.675 17q-.925 0-1.388.5t-1.912.5t-1.963-.5t-1.437-.5t-1.388.5t-1.937.5t-1.925-.5t-1.4-.5m0-4q-.7 0-1.038.313t-.912.437t-.975-.112t-.4-.713q0-.375.325-.725t1.025-.7q.125-.075.663-.287T5.425 11q1.375 0 1.85.5t1.4.5t1.388-.5t1.912-.5t1.963.5t1.412.5t1.35-.5t1.85-.5q.875 0 1.413.213t.662.287q.725.375 1.05.713t.325.712q0 .475-.413.713t-.987.112t-.9-.437T18.675 13q-.925 0-1.387.5t-1.913.5t-1.963-.5t-1.437-.5t-1.362.5T8.7 14t-1.963-.5t-1.412-.5m0-4q-.7 0-1.038.313t-.912.437t-.975-.112t-.4-.713q0-.375.325-.725t1.025-.7q.125-.075.663-.287T5.425 7q1.375 0 1.85.5t1.4.5t1.388-.5t1.912-.5t1.963.5t1.412.5t1.35-.5t1.85-.5q.875 0 1.413.213t.662.287q.725.375 1.05.713t.325.712q0 .475-.413.713t-.987.112t-.9-.437T18.675 9q-.925 0-1.387.5t-1.913.5t-1.963-.5t-1.437-.5t-1.362.5T8.7 10t-1.963-.5T5.325 9"/></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.325%2017q-.725%200-1.05.313t-.9.437t-.975-.112t-.4-.713q0-.375.325-.725t1.025-.7q.125-.075.663-.288T5.425%2015q1.375%200%201.85.5t1.4.5t1.388-.5t1.912-.5t1.963.5t1.437.5t1.35-.5t1.85-.5q.575%200%201.113.138t1.087.412q.625.325.925.675t.3.7q0%20.475-.4.713t-.975.112t-.912-.437T18.675%2017q-.925%200-1.388.5t-1.912.5t-1.963-.5t-1.437-.5t-1.388.5t-1.937.5t-1.925-.5t-1.4-.5m0-4q-.7%200-1.038.313t-.912.437t-.975-.112t-.4-.713q0-.375.325-.725t1.025-.7q.125-.075.663-.287T5.425%2011q1.375%200%201.85.5t1.4.5t1.388-.5t1.912-.5t1.963.5t1.412.5t1.35-.5t1.85-.5q.875%200%201.413.213t.662.287q.725.375%201.05.713t.325.712q0%20.475-.413.713t-.987.112t-.9-.437T18.675%2013q-.925%200-1.387.5t-1.913.5t-1.963-.5t-1.437-.5t-1.362.5T8.7%2014t-1.963-.5t-1.412-.5m0-4q-.7%200-1.038.313t-.912.437t-.975-.112t-.4-.713q0-.375.325-.725t1.025-.7q.125-.075.663-.287T5.425%207q1.375%200%201.85.5t1.4.5t1.388-.5t1.912-.5t1.963.5t1.412.5t1.35-.5t1.85-.5q.875%200%201.413.213t.662.287q.725.375%201.05.713t.325.712q0%20.475-.413.713t-.987.112t-.9-.437T18.675%209q-.925%200-1.387.5t-1.913.5t-1.963-.5t-1.437-.5t-1.362.5T8.7%2010t-1.963-.5T5.325%209%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.325%2017q-.725%200-1.05.313t-.9.437t-.975-.112t-.4-.713q0-.375.325-.725t1.025-.7q.125-.075.663-.288T5.425%2015q1.375%200%201.85.5t1.4.5t1.388-.5t1.912-.5t1.963.5t1.437.5t1.35-.5t1.85-.5q.575%200%201.113.138t1.087.412q.625.325.925.675t.3.7q0%20.475-.4.713t-.975.112t-.912-.437T18.675%2017q-.925%200-1.388.5t-1.912.5t-1.963-.5t-1.437-.5t-1.388.5t-1.937.5t-1.925-.5t-1.4-.5m0-4q-.7%200-1.038.313t-.912.437t-.975-.112t-.4-.713q0-.375.325-.725t1.025-.7q.125-.075.663-.287T5.425%2011q1.375%200%201.85.5t1.4.5t1.388-.5t1.912-.5t1.963.5t1.412.5t1.35-.5t1.85-.5q.875%200%201.413.213t.662.287q.725.375%201.05.713t.325.712q0%20.475-.413.713t-.987.112t-.9-.437T18.675%2013q-.925%200-1.387.5t-1.913.5t-1.963-.5t-1.437-.5t-1.362.5T8.7%2014t-1.963-.5t-1.412-.5m0-4q-.7%200-1.038.313t-.912.437t-.975-.112t-.4-.713q0-.375.325-.725t1.025-.7q.125-.075.663-.287T5.425%207q1.375%200%201.85.5t1.4.5t1.388-.5t1.912-.5t1.963.5t1.412.5t1.35-.5t1.85-.5q.875%200%201.413.213t.662.287q.725.375%201.05.713t.325.712q0%20.475-.413.713t-.987.112t-.9-.437T18.675%209q-.925%200-1.387.5t-1.913.5t-1.963-.5t-1.437-.5t-1.362.5T8.7%2010t-1.963-.5T5.325%209%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/water-rounded.svg?color=%231a73e8&size=48
