fountain icon
fountain from Material Design Icons by Pictogrammers · Filled · Apache-2.0 Free for personal and commercial use.
- Name
- fountain
- Set
- Material Design Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
Related icons in Material Design Icons
Use the fountain icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.5 2C4.47 2 2 4.46 2 7.5V8h2v-.5A3.5 3.5 0 0 1 7.5 4c1.5 0 2.76.93 3.26 2.24Q10.175 6 9.5 6c-1.39 0-2.6.82-3.16 2l1.74 1c.21-.58.77-1 1.42-1A1.5 1.5 0 0 1 11 9.5V11h2V9.5A1.5 1.5 0 0 1 14.5 8c.66 0 1.21.42 1.42 1l1.74-1c-.56-1.18-1.76-2-3.16-2q-.675 0-1.26.24C13.74 4.93 15 4 16.5 4A3.5 3.5 0 0 1 20 7.5V8h2v-.5A5.5 5.5 0 0 0 16.5 2c-1.86 0-3.5.93-4.5 2.34C11 2.93 9.36 2 7.5 2M6 12v2h1.42c.5 1.15 1.43 2.07 2.58 2.57V19H2s.82 1.23 1.41 2.11c.37.56.99.89 1.66.89h13.86c.67 0 1.29-.33 1.66-.89L22 19h-8v-2.43c1.15-.5 2.08-1.42 2.58-2.57H18v-2z"/></svg>
React
import type { SVGProps } from "react";
export function MdiFountain(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="M7.5 2C4.47 2 2 4.46 2 7.5V8h2v-.5A3.5 3.5 0 0 1 7.5 4c1.5 0 2.76.93 3.26 2.24Q10.175 6 9.5 6c-1.39 0-2.6.82-3.16 2l1.74 1c.21-.58.77-1 1.42-1A1.5 1.5 0 0 1 11 9.5V11h2V9.5A1.5 1.5 0 0 1 14.5 8c.66 0 1.21.42 1.42 1l1.74-1c-.56-1.18-1.76-2-3.16-2q-.675 0-1.26.24C13.74 4.93 15 4 16.5 4A3.5 3.5 0 0 1 20 7.5V8h2v-.5A5.5 5.5 0 0 0 16.5 2c-1.86 0-3.5.93-4.5 2.34C11 2.93 9.36 2 7.5 2M6 12v2h1.42c.5 1.15 1.43 2.07 2.58 2.57V19H2s.82 1.23 1.41 2.11c.37.56.99.89 1.66.89h13.86c.67 0 1.29-.33 1.66-.89L22 19h-8v-2.43c1.15-.5 2.08-1.42 2.58-2.57H18v-2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.5 2C4.47 2 2 4.46 2 7.5V8h2v-.5A3.5 3.5 0 0 1 7.5 4c1.5 0 2.76.93 3.26 2.24Q10.175 6 9.5 6c-1.39 0-2.6.82-3.16 2l1.74 1c.21-.58.77-1 1.42-1A1.5 1.5 0 0 1 11 9.5V11h2V9.5A1.5 1.5 0 0 1 14.5 8c.66 0 1.21.42 1.42 1l1.74-1c-.56-1.18-1.76-2-3.16-2q-.675 0-1.26.24C13.74 4.93 15 4 16.5 4A3.5 3.5 0 0 1 20 7.5V8h2v-.5A5.5 5.5 0 0 0 16.5 2c-1.86 0-3.5.93-4.5 2.34C11 2.93 9.36 2 7.5 2M6 12v2h1.42c.5 1.15 1.43 2.07 2.58 2.57V19H2s.82 1.23 1.41 2.11c.37.56.99.89 1.66.89h13.86c.67 0 1.29-.33 1.66-.89L22 19h-8v-2.43c1.15-.5 2.08-1.42 2.58-2.57H18v-2z"/></svg> </template>
CSS
.icon-fountain {
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%22M7.5%202C4.47%202%202%204.46%202%207.5V8h2v-.5A3.5%203.5%200%200%201%207.5%204c1.5%200%202.76.93%203.26%202.24Q10.175%206%209.5%206c-1.39%200-2.6.82-3.16%202l1.74%201c.21-.58.77-1%201.42-1A1.5%201.5%200%200%201%2011%209.5V11h2V9.5A1.5%201.5%200%200%201%2014.5%208c.66%200%201.21.42%201.42%201l1.74-1c-.56-1.18-1.76-2-3.16-2q-.675%200-1.26.24C13.74%204.93%2015%204%2016.5%204A3.5%203.5%200%200%201%2020%207.5V8h2v-.5A5.5%205.5%200%200%200%2016.5%202c-1.86%200-3.5.93-4.5%202.34C11%202.93%209.36%202%207.5%202M6%2012v2h1.42c.5%201.15%201.43%202.07%202.58%202.57V19H2s.82%201.23%201.41%202.11c.37.56.99.89%201.66.89h13.86c.67%200%201.29-.33%201.66-.89L22%2019h-8v-2.43c1.15-.5%202.08-1.42%202.58-2.57H18v-2z%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%22M7.5%202C4.47%202%202%204.46%202%207.5V8h2v-.5A3.5%203.5%200%200%201%207.5%204c1.5%200%202.76.93%203.26%202.24Q10.175%206%209.5%206c-1.39%200-2.6.82-3.16%202l1.74%201c.21-.58.77-1%201.42-1A1.5%201.5%200%200%201%2011%209.5V11h2V9.5A1.5%201.5%200%200%201%2014.5%208c.66%200%201.21.42%201.42%201l1.74-1c-.56-1.18-1.76-2-3.16-2q-.675%200-1.26.24C13.74%204.93%2015%204%2016.5%204A3.5%203.5%200%200%201%2020%207.5V8h2v-.5A5.5%205.5%200%200%200%2016.5%202c-1.86%200-3.5.93-4.5%202.34C11%202.93%209.36%202%207.5%202M6%2012v2h1.42c.5%201.15%201.43%202.07%202.58%202.57V19H2s.82%201.23%201.41%202.11c.37.56.99.89%201.66.89h13.86c.67%200%201.29-.33%201.66-.89L22%2019h-8v-2.43c1.15-.5%202.08-1.42%202.58-2.57H18v-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/fountain.svg?color=%231a73e8&size=48
