waterdrops icon
waterdrops-bold from Solar by 480 Design · Bold · Weather · CC-BY-4.0 Attribution required.
- Name
- waterdrops-bold
- Set
- Solar
- Style
- Bold
- Category
- Weather
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More weather icons from Solar
cloud-boldcloud-bolt-boldcloud-bolt-minimalistic-boldcloud-check-boldcloud-cross-boldcloud-download-boldcloud-minus-boldcloud-plus-boldcloud-rain-boldcloud-snowfall-boldcloud-snowfall-minimalistic-boldcloud-storm-boldcloud-sun-2-boldcloud-sun-boldcloud-upload-boldcloud-waterdrop-boldcloud-waterdrops-boldclouds-boldcloudy-moon-boldfog-boldmoon-boldmoon-fog-boldmoon-sleep-boldmoon-stars-bold
Use the waterdrops icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10 17.8332C10 20.1344 8.20914 21.9999 6 21.9999C3.79086 21.9999 2 20.1344 2 17.8332C2 16.3934 3.56593 14.4717 4.73823 13.2347C5.43222 12.5025 6.56778 12.5025 7.26177 13.2347C8.43407 14.4717 10 16.3934 10 17.8332Z"/><path d="M22 17.8332C22 20.1344 20.2091 21.9999 18 21.9999C15.7909 21.9999 14 20.1344 14 17.8332C14 16.3934 15.5659 14.4717 16.7382 13.2347C17.4322 12.5025 18.5678 12.5025 19.2618 13.2347C20.4341 14.4717 22 16.3934 22 17.8332Z"/><path d="M16 7.83319C16 10.1344 14.2091 11.9999 12 11.9999C9.79086 11.9999 8 10.1344 8 7.83319C8 6.39337 9.56593 4.47165 10.7382 3.23473C11.4322 2.50249 12.5678 2.50249 13.2618 3.23473C14.4341 4.47165 16 6.39337 16 7.83319Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarWaterdropsBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10 17.8332C10 20.1344 8.20914 21.9999 6 21.9999C3.79086 21.9999 2 20.1344 2 17.8332C2 16.3934 3.56593 14.4717 4.73823 13.2347C5.43222 12.5025 6.56778 12.5025 7.26177 13.2347C8.43407 14.4717 10 16.3934 10 17.8332Z"/><path d="M22 17.8332C22 20.1344 20.2091 21.9999 18 21.9999C15.7909 21.9999 14 20.1344 14 17.8332C14 16.3934 15.5659 14.4717 16.7382 13.2347C17.4322 12.5025 18.5678 12.5025 19.2618 13.2347C20.4341 14.4717 22 16.3934 22 17.8332Z"/><path d="M16 7.83319C16 10.1344 14.2091 11.9999 12 11.9999C9.79086 11.9999 8 10.1344 8 7.83319C8 6.39337 9.56593 4.47165 10.7382 3.23473C11.4322 2.50249 12.5678 2.50249 13.2618 3.23473C14.4341 4.47165 16 6.39337 16 7.83319Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10 17.8332C10 20.1344 8.20914 21.9999 6 21.9999C3.79086 21.9999 2 20.1344 2 17.8332C2 16.3934 3.56593 14.4717 4.73823 13.2347C5.43222 12.5025 6.56778 12.5025 7.26177 13.2347C8.43407 14.4717 10 16.3934 10 17.8332Z"/><path d="M22 17.8332C22 20.1344 20.2091 21.9999 18 21.9999C15.7909 21.9999 14 20.1344 14 17.8332C14 16.3934 15.5659 14.4717 16.7382 13.2347C17.4322 12.5025 18.5678 12.5025 19.2618 13.2347C20.4341 14.4717 22 16.3934 22 17.8332Z"/><path d="M16 7.83319C16 10.1344 14.2091 11.9999 12 11.9999C9.79086 11.9999 8 10.1344 8 7.83319C8 6.39337 9.56593 4.47165 10.7382 3.23473C11.4322 2.50249 12.5678 2.50249 13.2618 3.23473C14.4341 4.47165 16 6.39337 16 7.83319Z"/></g></svg> </template>
CSS
.icon-waterdrops-bold {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10%2017.8332C10%2020.1344%208.20914%2021.9999%206%2021.9999C3.79086%2021.9999%202%2020.1344%202%2017.8332C2%2016.3934%203.56593%2014.4717%204.73823%2013.2347C5.43222%2012.5025%206.56778%2012.5025%207.26177%2013.2347C8.43407%2014.4717%2010%2016.3934%2010%2017.8332Z%22%2F%3E%3Cpath%20d%3D%22M22%2017.8332C22%2020.1344%2020.2091%2021.9999%2018%2021.9999C15.7909%2021.9999%2014%2020.1344%2014%2017.8332C14%2016.3934%2015.5659%2014.4717%2016.7382%2013.2347C17.4322%2012.5025%2018.5678%2012.5025%2019.2618%2013.2347C20.4341%2014.4717%2022%2016.3934%2022%2017.8332Z%22%2F%3E%3Cpath%20d%3D%22M16%207.83319C16%2010.1344%2014.2091%2011.9999%2012%2011.9999C9.79086%2011.9999%208%2010.1344%208%207.83319C8%206.39337%209.56593%204.47165%2010.7382%203.23473C11.4322%202.50249%2012.5678%202.50249%2013.2618%203.23473C14.4341%204.47165%2016%206.39337%2016%207.83319Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10%2017.8332C10%2020.1344%208.20914%2021.9999%206%2021.9999C3.79086%2021.9999%202%2020.1344%202%2017.8332C2%2016.3934%203.56593%2014.4717%204.73823%2013.2347C5.43222%2012.5025%206.56778%2012.5025%207.26177%2013.2347C8.43407%2014.4717%2010%2016.3934%2010%2017.8332Z%22%2F%3E%3Cpath%20d%3D%22M22%2017.8332C22%2020.1344%2020.2091%2021.9999%2018%2021.9999C15.7909%2021.9999%2014%2020.1344%2014%2017.8332C14%2016.3934%2015.5659%2014.4717%2016.7382%2013.2347C17.4322%2012.5025%2018.5678%2012.5025%2019.2618%2013.2347C20.4341%2014.4717%2022%2016.3934%2022%2017.8332Z%22%2F%3E%3Cpath%20d%3D%22M16%207.83319C16%2010.1344%2014.2091%2011.9999%2012%2011.9999C9.79086%2011.9999%208%2010.1344%208%207.83319C8%206.39337%209.56593%204.47165%2010.7382%203.23473C11.4322%202.50249%2012.5678%202.50249%2013.2618%203.23473C14.4341%204.47165%2016%206.39337%2016%207.83319Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/waterdrops-bold.svg?color=%231a73e8&size=48
