water icon
water-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.
- Name
- water-16-regular
- Set
- Fluent UI System Icons
- Style
- 16 Regular
- Viewbox
- 16×16
- License
- MIT
9 other variants in Fluent UI System Icons
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 16 16"><path fill="currentColor" d="M12 2.5a.5.5 0 0 1 .464.314c.332.828.96 1.184 1.536 1.184a.5.5 0 0 1 0 1c-.755 0-1.482-.35-2-1.003c-.518.653-1.245 1.003-2 1.003s-1.482-.35-2-1.003c-.518.653-1.245 1.003-2 1.003s-1.482-.35-2-1.002C3.483 4.65 2.756 5 2 5a.5.5 0 0 1 0-1c.576 0 1.204-.356 1.536-1.185a.5.5 0 0 1 .928 0c.332.827.96 1.183 1.536 1.183s1.204-.356 1.536-1.184a.5.5 0 0 1 .928 0c.332.828.96 1.184 1.536 1.184s1.204-.356 1.536-1.184A.5.5 0 0 1 12 2.5m0 8a.5.5 0 0 1 .464.314c.332.828.96 1.184 1.536 1.184a.5.5 0 0 1 0 1c-.755 0-1.482-.35-2-1.003c-.518.653-1.245 1.003-2 1.003s-1.482-.35-2-1.003c-.518.653-1.245 1.003-2 1.003s-1.482-.35-2-1.002C3.483 12.65 2.756 13 2 13a.5.5 0 1 1 0-1c.576 0 1.204-.356 1.536-1.185a.5.5 0 0 1 .928 0c.332.827.96 1.183 1.536 1.183s1.204-.356 1.536-1.184a.5.5 0 0 1 .928 0c.332.828.96 1.184 1.536 1.184s1.204-.356 1.536-1.184A.5.5 0 0 1 12 10.5m.464-3.686a.5.5 0 0 0-.928 0c-.332.828-.96 1.184-1.536 1.184s-1.204-.356-1.536-1.184a.5.5 0 0 0-.928 0c-.332.828-.96 1.184-1.536 1.184s-1.204-.356-1.536-1.184a.5.5 0 0 0-.928 0C3.204 7.645 2.576 8 2 8a.5.5 0 0 0 0 1c.756 0 1.483-.35 2-1.004c.518.653 1.245 1.002 2 1.002s1.483-.35 2-1.003c.518.653 1.245 1.003 2 1.003s1.483-.35 2-1.003c.518.653 1.245 1.003 2 1.003a.5.5 0 0 0 0-1c-.576 0-1.204-.356-1.536-1.184"/></svg>
React
import type { SVGProps } from "react";
export function FluentWater16Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M12 2.5a.5.5 0 0 1 .464.314c.332.828.96 1.184 1.536 1.184a.5.5 0 0 1 0 1c-.755 0-1.482-.35-2-1.003c-.518.653-1.245 1.003-2 1.003s-1.482-.35-2-1.003c-.518.653-1.245 1.003-2 1.003s-1.482-.35-2-1.002C3.483 4.65 2.756 5 2 5a.5.5 0 0 1 0-1c.576 0 1.204-.356 1.536-1.185a.5.5 0 0 1 .928 0c.332.827.96 1.183 1.536 1.183s1.204-.356 1.536-1.184a.5.5 0 0 1 .928 0c.332.828.96 1.184 1.536 1.184s1.204-.356 1.536-1.184A.5.5 0 0 1 12 2.5m0 8a.5.5 0 0 1 .464.314c.332.828.96 1.184 1.536 1.184a.5.5 0 0 1 0 1c-.755 0-1.482-.35-2-1.003c-.518.653-1.245 1.003-2 1.003s-1.482-.35-2-1.003c-.518.653-1.245 1.003-2 1.003s-1.482-.35-2-1.002C3.483 12.65 2.756 13 2 13a.5.5 0 1 1 0-1c.576 0 1.204-.356 1.536-1.185a.5.5 0 0 1 .928 0c.332.827.96 1.183 1.536 1.183s1.204-.356 1.536-1.184a.5.5 0 0 1 .928 0c.332.828.96 1.184 1.536 1.184s1.204-.356 1.536-1.184A.5.5 0 0 1 12 10.5m.464-3.686a.5.5 0 0 0-.928 0c-.332.828-.96 1.184-1.536 1.184s-1.204-.356-1.536-1.184a.5.5 0 0 0-.928 0c-.332.828-.96 1.184-1.536 1.184s-1.204-.356-1.536-1.184a.5.5 0 0 0-.928 0C3.204 7.645 2.576 8 2 8a.5.5 0 0 0 0 1c.756 0 1.483-.35 2-1.004c.518.653 1.245 1.002 2 1.002s1.483-.35 2-1.003c.518.653 1.245 1.003 2 1.003s1.483-.35 2-1.003c.518.653 1.245 1.003 2 1.003a.5.5 0 0 0 0-1c-.576 0-1.204-.356-1.536-1.184"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M12 2.5a.5.5 0 0 1 .464.314c.332.828.96 1.184 1.536 1.184a.5.5 0 0 1 0 1c-.755 0-1.482-.35-2-1.003c-.518.653-1.245 1.003-2 1.003s-1.482-.35-2-1.003c-.518.653-1.245 1.003-2 1.003s-1.482-.35-2-1.002C3.483 4.65 2.756 5 2 5a.5.5 0 0 1 0-1c.576 0 1.204-.356 1.536-1.185a.5.5 0 0 1 .928 0c.332.827.96 1.183 1.536 1.183s1.204-.356 1.536-1.184a.5.5 0 0 1 .928 0c.332.828.96 1.184 1.536 1.184s1.204-.356 1.536-1.184A.5.5 0 0 1 12 2.5m0 8a.5.5 0 0 1 .464.314c.332.828.96 1.184 1.536 1.184a.5.5 0 0 1 0 1c-.755 0-1.482-.35-2-1.003c-.518.653-1.245 1.003-2 1.003s-1.482-.35-2-1.003c-.518.653-1.245 1.003-2 1.003s-1.482-.35-2-1.002C3.483 12.65 2.756 13 2 13a.5.5 0 1 1 0-1c.576 0 1.204-.356 1.536-1.185a.5.5 0 0 1 .928 0c.332.827.96 1.183 1.536 1.183s1.204-.356 1.536-1.184a.5.5 0 0 1 .928 0c.332.828.96 1.184 1.536 1.184s1.204-.356 1.536-1.184A.5.5 0 0 1 12 10.5m.464-3.686a.5.5 0 0 0-.928 0c-.332.828-.96 1.184-1.536 1.184s-1.204-.356-1.536-1.184a.5.5 0 0 0-.928 0c-.332.828-.96 1.184-1.536 1.184s-1.204-.356-1.536-1.184a.5.5 0 0 0-.928 0C3.204 7.645 2.576 8 2 8a.5.5 0 0 0 0 1c.756 0 1.483-.35 2-1.004c.518.653 1.245 1.002 2 1.002s1.483-.35 2-1.003c.518.653 1.245 1.003 2 1.003s1.483-.35 2-1.003c.518.653 1.245 1.003 2 1.003a.5.5 0 0 0 0-1c-.576 0-1.204-.356-1.536-1.184"/></svg> </template>
CSS
.icon-water-16-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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202.5a.5.5%200%200%201%20.464.314c.332.828.96%201.184%201.536%201.184a.5.5%200%200%201%200%201c-.755%200-1.482-.35-2-1.003c-.518.653-1.245%201.003-2%201.003s-1.482-.35-2-1.003c-.518.653-1.245%201.003-2%201.003s-1.482-.35-2-1.002C3.483%204.65%202.756%205%202%205a.5.5%200%200%201%200-1c.576%200%201.204-.356%201.536-1.185a.5.5%200%200%201%20.928%200c.332.827.96%201.183%201.536%201.183s1.204-.356%201.536-1.184a.5.5%200%200%201%20.928%200c.332.828.96%201.184%201.536%201.184s1.204-.356%201.536-1.184A.5.5%200%200%201%2012%202.5m0%208a.5.5%200%200%201%20.464.314c.332.828.96%201.184%201.536%201.184a.5.5%200%200%201%200%201c-.755%200-1.482-.35-2-1.003c-.518.653-1.245%201.003-2%201.003s-1.482-.35-2-1.003c-.518.653-1.245%201.003-2%201.003s-1.482-.35-2-1.002C3.483%2012.65%202.756%2013%202%2013a.5.5%200%201%201%200-1c.576%200%201.204-.356%201.536-1.185a.5.5%200%200%201%20.928%200c.332.827.96%201.183%201.536%201.183s1.204-.356%201.536-1.184a.5.5%200%200%201%20.928%200c.332.828.96%201.184%201.536%201.184s1.204-.356%201.536-1.184A.5.5%200%200%201%2012%2010.5m.464-3.686a.5.5%200%200%200-.928%200c-.332.828-.96%201.184-1.536%201.184s-1.204-.356-1.536-1.184a.5.5%200%200%200-.928%200c-.332.828-.96%201.184-1.536%201.184s-1.204-.356-1.536-1.184a.5.5%200%200%200-.928%200C3.204%207.645%202.576%208%202%208a.5.5%200%200%200%200%201c.756%200%201.483-.35%202-1.004c.518.653%201.245%201.002%202%201.002s1.483-.35%202-1.003c.518.653%201.245%201.003%202%201.003s1.483-.35%202-1.003c.518.653%201.245%201.003%202%201.003a.5.5%200%200%200%200-1c-.576%200-1.204-.356-1.536-1.184%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202.5a.5.5%200%200%201%20.464.314c.332.828.96%201.184%201.536%201.184a.5.5%200%200%201%200%201c-.755%200-1.482-.35-2-1.003c-.518.653-1.245%201.003-2%201.003s-1.482-.35-2-1.003c-.518.653-1.245%201.003-2%201.003s-1.482-.35-2-1.002C3.483%204.65%202.756%205%202%205a.5.5%200%200%201%200-1c.576%200%201.204-.356%201.536-1.185a.5.5%200%200%201%20.928%200c.332.827.96%201.183%201.536%201.183s1.204-.356%201.536-1.184a.5.5%200%200%201%20.928%200c.332.828.96%201.184%201.536%201.184s1.204-.356%201.536-1.184A.5.5%200%200%201%2012%202.5m0%208a.5.5%200%200%201%20.464.314c.332.828.96%201.184%201.536%201.184a.5.5%200%200%201%200%201c-.755%200-1.482-.35-2-1.003c-.518.653-1.245%201.003-2%201.003s-1.482-.35-2-1.003c-.518.653-1.245%201.003-2%201.003s-1.482-.35-2-1.002C3.483%2012.65%202.756%2013%202%2013a.5.5%200%201%201%200-1c.576%200%201.204-.356%201.536-1.185a.5.5%200%200%201%20.928%200c.332.827.96%201.183%201.536%201.183s1.204-.356%201.536-1.184a.5.5%200%200%201%20.928%200c.332.828.96%201.184%201.536%201.184s1.204-.356%201.536-1.184A.5.5%200%200%201%2012%2010.5m.464-3.686a.5.5%200%200%200-.928%200c-.332.828-.96%201.184-1.536%201.184s-1.204-.356-1.536-1.184a.5.5%200%200%200-.928%200c-.332.828-.96%201.184-1.536%201.184s-1.204-.356-1.536-1.184a.5.5%200%200%200-.928%200C3.204%207.645%202.576%208%202%208a.5.5%200%200%200%200%201c.756%200%201.483-.35%202-1.004c.518.653%201.245%201.002%202%201.002s1.483-.35%202-1.003c.518.653%201.245%201.003%202%201.003s1.483-.35%202-1.003c.518.653%201.245%201.003%202%201.003a.5.5%200%200%200%200-1c-.576%200-1.204-.356-1.536-1.184%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/water-16-regular.svg?color=%231a73e8&size=48
