water

Water icon · Material Symbols

water

Google tags water with waves, drop and minimal. It's in Google's Activities category; similar symbols include Water Medium, Water Drops and Water Orp. MUI ships it as WaterIcon, and Fluent's closest match is Water.

Outlined

SVG

Outlined, filled

SVG

Every style, fill and weight

Material Symbols are variable: each icon comes in three styles, with or without fill, at seven weights. Pick a combination to preview it, download it, or copy the code for your platform.

GradeOptical size

Outlined, unfilled, weight 400

water_outlined_fill0_wght400.svg

Water icon in HTML

Load the Material Symbols font from Google Fonts (this link loads just this icon), then use the icon's name as text.

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=water" />

<span class="material-symbols-outlined">water</span>

Details

NameWater
Ligaturewater
UnicodeU+F084
HTML entity&#xf084;
CSS content"\f084"
CategoryActivities
StylesOutlined, Rounded, Sharp — each unfilled or filled
Weights100, 200, 300, 400, 500, 600, 700
Files@material-symbols/svg-400/outlined/water.svg, water-fill.svg
FlutterSymbols.water (Material Icons: Icons.water)
MUI componentWaterIcon
MUI importimport WaterIcon from "@mui/icons-material/Water"
Popularity#597 of 3,927 Material Symbols by use
LicenseApache License 2.0 (© Google LLC)

Keywords

activitieselementsimpleabstractweatherenvironment

Also in Fluent

Water iconWaterMicrosoft's version of this icon, on Fluenticons

Similar icons