droplets icon

droplets-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.

Name: droplets-fill
Set: Keyline Icons
Style: Fill
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

droplets droplets-duotone droplets-sharp droplets-sharp-duotone droplets-sharp-fill droplets-sharp-two-tone droplets-two-tone

The same icon in other sets

dropletsHuge Icons dropletsLucide dropletsMyna UI Icons dropletsTabler Icons

Use the droplets icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.7956 3.2923L12.2512 2.7346C12.4411 2.5022 12.6783 2.3185 12.9428 2.193C13.2074 2.0675 13.4997 2 13.8 2C14.1003 2 14.3926 2.0675 14.6571 2.193C14.9217 2.3185 15.1589 2.5022 15.3488 2.7346L20.1503 8.6123C20.4494 8.9783 20.7145 9.3674 20.944 9.7747C21.1735 10.182 21.3673 10.6074 21.5238 11.0462C21.6802 11.4849 21.7993 11.937 21.8792 12.3976C21.9592 12.8583 22 13.3273 22 13.8C22 14.302 21.9548 14.7943 21.8679 15.2728C21.7811 15.7513 21.6527 16.2154 21.4867 16.6613C21.3207 17.1071 21.1171 17.5345 20.8799 17.9394C20.6426 18.3444 20.3718 18.727 20.0711 19.0835C19.7705 19.44 19.44 19.7705 19.0836 20.0711C18.727 20.3718 18.3444 20.6426 17.9394 20.8799C17.5345 21.1171 17.1071 21.3207 16.6613 21.4867C16.2154 21.6527 15.7513 21.7811 15.2728 21.8679C14.7943 21.9548 14.302 22 13.8 22C13.3296 22 12.8636 21.9596 12.4067 21.8808C11.9498 21.802 11.5019 21.6849 11.0678 21.5315C10.6337 21.378 10.2132 21.1883 9.8109 20.9643C9.4086 20.7403 9.0244 20.4821 8.663 20.1916C8.3016 19.9012 7.963 19.5785 7.6517 19.2258C7.1253 18.6293 7.4724 17.6869 8.2599 17.5742C8.6566 17.5174 9.0415 17.4293 9.4122 17.3127C9.783 17.196 10.14 17.0508 10.481 16.8796C10.8219 16.7085 11.1469 16.5114 11.4536 16.291C11.7603 16.0707 12.0486 15.8271 12.3162 15.563C12.5838 15.2988 12.8306 15.0143 13.0542 14.712C13.2777 14.4097 13.4781 14.0897 13.6527 13.7549C13.8274 13.4201 13.9765 13.0705 14.0976 12.7088C14.2188 12.347 14.312 11.9731 14.3749 11.5895C14.4379 11.206 14.4706 10.8126 14.4706 10.4118C14.4706 9.9947 14.4346 9.5808 14.364 9.1745C14.2935 8.7681 14.1884 8.3691 14.0504 7.982C13.9124 7.5948 13.7413 7.2194 13.5389 6.86C13.3364 6.5007 13.1025 6.1574 12.8386 5.8344L11.7956 4.5577C11.4948 4.1895 11.4948 3.6605 11.7956 3.2923ZM11.2897 7.0997C12.0534 8.0345 12.4706 9.2046 12.4706 10.4118C12.4706 13.3032 10.1267 15.6471 7.2353 15.6471C4.3439 15.6471 2 13.3032 2 10.4118C2 9.2046 2.4172 8.0345 3.1809 7.0997L6.0053 3.6423C6.307 3.273 6.7585 3.0588 7.2353 3.0588C7.7121 3.0588 8.1636 3.273 8.4653 3.6423L11.2897 7.0997Z"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsDropletsFill(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="M11.7956 3.2923L12.2512 2.7346C12.4411 2.5022 12.6783 2.3185 12.9428 2.193C13.2074 2.0675 13.4997 2 13.8 2C14.1003 2 14.3926 2.0675 14.6571 2.193C14.9217 2.3185 15.1589 2.5022 15.3488 2.7346L20.1503 8.6123C20.4494 8.9783 20.7145 9.3674 20.944 9.7747C21.1735 10.182 21.3673 10.6074 21.5238 11.0462C21.6802 11.4849 21.7993 11.937 21.8792 12.3976C21.9592 12.8583 22 13.3273 22 13.8C22 14.302 21.9548 14.7943 21.8679 15.2728C21.7811 15.7513 21.6527 16.2154 21.4867 16.6613C21.3207 17.1071 21.1171 17.5345 20.8799 17.9394C20.6426 18.3444 20.3718 18.727 20.0711 19.0835C19.7705 19.44 19.44 19.7705 19.0836 20.0711C18.727 20.3718 18.3444 20.6426 17.9394 20.8799C17.5345 21.1171 17.1071 21.3207 16.6613 21.4867C16.2154 21.6527 15.7513 21.7811 15.2728 21.8679C14.7943 21.9548 14.302 22 13.8 22C13.3296 22 12.8636 21.9596 12.4067 21.8808C11.9498 21.802 11.5019 21.6849 11.0678 21.5315C10.6337 21.378 10.2132 21.1883 9.8109 20.9643C9.4086 20.7403 9.0244 20.4821 8.663 20.1916C8.3016 19.9012 7.963 19.5785 7.6517 19.2258C7.1253 18.6293 7.4724 17.6869 8.2599 17.5742C8.6566 17.5174 9.0415 17.4293 9.4122 17.3127C9.783 17.196 10.14 17.0508 10.481 16.8796C10.8219 16.7085 11.1469 16.5114 11.4536 16.291C11.7603 16.0707 12.0486 15.8271 12.3162 15.563C12.5838 15.2988 12.8306 15.0143 13.0542 14.712C13.2777 14.4097 13.4781 14.0897 13.6527 13.7549C13.8274 13.4201 13.9765 13.0705 14.0976 12.7088C14.2188 12.347 14.312 11.9731 14.3749 11.5895C14.4379 11.206 14.4706 10.8126 14.4706 10.4118C14.4706 9.9947 14.4346 9.5808 14.364 9.1745C14.2935 8.7681 14.1884 8.3691 14.0504 7.982C13.9124 7.5948 13.7413 7.2194 13.5389 6.86C13.3364 6.5007 13.1025 6.1574 12.8386 5.8344L11.7956 4.5577C11.4948 4.1895 11.4948 3.6605 11.7956 3.2923ZM11.2897 7.0997C12.0534 8.0345 12.4706 9.2046 12.4706 10.4118C12.4706 13.3032 10.1267 15.6471 7.2353 15.6471C4.3439 15.6471 2 13.3032 2 10.4118C2 9.2046 2.4172 8.0345 3.1809 7.0997L6.0053 3.6423C6.307 3.273 6.7585 3.0588 7.2353 3.0588C7.7121 3.0588 8.1636 3.273 8.4653 3.6423L11.2897 7.0997Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.7956 3.2923L12.2512 2.7346C12.4411 2.5022 12.6783 2.3185 12.9428 2.193C13.2074 2.0675 13.4997 2 13.8 2C14.1003 2 14.3926 2.0675 14.6571 2.193C14.9217 2.3185 15.1589 2.5022 15.3488 2.7346L20.1503 8.6123C20.4494 8.9783 20.7145 9.3674 20.944 9.7747C21.1735 10.182 21.3673 10.6074 21.5238 11.0462C21.6802 11.4849 21.7993 11.937 21.8792 12.3976C21.9592 12.8583 22 13.3273 22 13.8C22 14.302 21.9548 14.7943 21.8679 15.2728C21.7811 15.7513 21.6527 16.2154 21.4867 16.6613C21.3207 17.1071 21.1171 17.5345 20.8799 17.9394C20.6426 18.3444 20.3718 18.727 20.0711 19.0835C19.7705 19.44 19.44 19.7705 19.0836 20.0711C18.727 20.3718 18.3444 20.6426 17.9394 20.8799C17.5345 21.1171 17.1071 21.3207 16.6613 21.4867C16.2154 21.6527 15.7513 21.7811 15.2728 21.8679C14.7943 21.9548 14.302 22 13.8 22C13.3296 22 12.8636 21.9596 12.4067 21.8808C11.9498 21.802 11.5019 21.6849 11.0678 21.5315C10.6337 21.378 10.2132 21.1883 9.8109 20.9643C9.4086 20.7403 9.0244 20.4821 8.663 20.1916C8.3016 19.9012 7.963 19.5785 7.6517 19.2258C7.1253 18.6293 7.4724 17.6869 8.2599 17.5742C8.6566 17.5174 9.0415 17.4293 9.4122 17.3127C9.783 17.196 10.14 17.0508 10.481 16.8796C10.8219 16.7085 11.1469 16.5114 11.4536 16.291C11.7603 16.0707 12.0486 15.8271 12.3162 15.563C12.5838 15.2988 12.8306 15.0143 13.0542 14.712C13.2777 14.4097 13.4781 14.0897 13.6527 13.7549C13.8274 13.4201 13.9765 13.0705 14.0976 12.7088C14.2188 12.347 14.312 11.9731 14.3749 11.5895C14.4379 11.206 14.4706 10.8126 14.4706 10.4118C14.4706 9.9947 14.4346 9.5808 14.364 9.1745C14.2935 8.7681 14.1884 8.3691 14.0504 7.982C13.9124 7.5948 13.7413 7.2194 13.5389 6.86C13.3364 6.5007 13.1025 6.1574 12.8386 5.8344L11.7956 4.5577C11.4948 4.1895 11.4948 3.6605 11.7956 3.2923ZM11.2897 7.0997C12.0534 8.0345 12.4706 9.2046 12.4706 10.4118C12.4706 13.3032 10.1267 15.6471 7.2353 15.6471C4.3439 15.6471 2 13.3032 2 10.4118C2 9.2046 2.4172 8.0345 3.1809 7.0997L6.0053 3.6423C6.307 3.273 6.7585 3.0588 7.2353 3.0588C7.7121 3.0588 8.1636 3.273 8.4653 3.6423L11.2897 7.0997Z"/></svg>
</template>

CSS

.icon-droplets-fill {
  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%22M11.7956%203.2923L12.2512%202.7346C12.4411%202.5022%2012.6783%202.3185%2012.9428%202.193C13.2074%202.0675%2013.4997%202%2013.8%202C14.1003%202%2014.3926%202.0675%2014.6571%202.193C14.9217%202.3185%2015.1589%202.5022%2015.3488%202.7346L20.1503%208.6123C20.4494%208.9783%2020.7145%209.3674%2020.944%209.7747C21.1735%2010.182%2021.3673%2010.6074%2021.5238%2011.0462C21.6802%2011.4849%2021.7993%2011.937%2021.8792%2012.3976C21.9592%2012.8583%2022%2013.3273%2022%2013.8C22%2014.302%2021.9548%2014.7943%2021.8679%2015.2728C21.7811%2015.7513%2021.6527%2016.2154%2021.4867%2016.6613C21.3207%2017.1071%2021.1171%2017.5345%2020.8799%2017.9394C20.6426%2018.3444%2020.3718%2018.727%2020.0711%2019.0835C19.7705%2019.44%2019.44%2019.7705%2019.0836%2020.0711C18.727%2020.3718%2018.3444%2020.6426%2017.9394%2020.8799C17.5345%2021.1171%2017.1071%2021.3207%2016.6613%2021.4867C16.2154%2021.6527%2015.7513%2021.7811%2015.2728%2021.8679C14.7943%2021.9548%2014.302%2022%2013.8%2022C13.3296%2022%2012.8636%2021.9596%2012.4067%2021.8808C11.9498%2021.802%2011.5019%2021.6849%2011.0678%2021.5315C10.6337%2021.378%2010.2132%2021.1883%209.8109%2020.9643C9.4086%2020.7403%209.0244%2020.4821%208.663%2020.1916C8.3016%2019.9012%207.963%2019.5785%207.6517%2019.2258C7.1253%2018.6293%207.4724%2017.6869%208.2599%2017.5742C8.6566%2017.5174%209.0415%2017.4293%209.4122%2017.3127C9.783%2017.196%2010.14%2017.0508%2010.481%2016.8796C10.8219%2016.7085%2011.1469%2016.5114%2011.4536%2016.291C11.7603%2016.0707%2012.0486%2015.8271%2012.3162%2015.563C12.5838%2015.2988%2012.8306%2015.0143%2013.0542%2014.712C13.2777%2014.4097%2013.4781%2014.0897%2013.6527%2013.7549C13.8274%2013.4201%2013.9765%2013.0705%2014.0976%2012.7088C14.2188%2012.347%2014.312%2011.9731%2014.3749%2011.5895C14.4379%2011.206%2014.4706%2010.8126%2014.4706%2010.4118C14.4706%209.9947%2014.4346%209.5808%2014.364%209.1745C14.2935%208.7681%2014.1884%208.3691%2014.0504%207.982C13.9124%207.5948%2013.7413%207.2194%2013.5389%206.86C13.3364%206.5007%2013.1025%206.1574%2012.8386%205.8344L11.7956%204.5577C11.4948%204.1895%2011.4948%203.6605%2011.7956%203.2923ZM11.2897%207.0997C12.0534%208.0345%2012.4706%209.2046%2012.4706%2010.4118C12.4706%2013.3032%2010.1267%2015.6471%207.2353%2015.6471C4.3439%2015.6471%202%2013.3032%202%2010.4118C2%209.2046%202.4172%208.0345%203.1809%207.0997L6.0053%203.6423C6.307%203.273%206.7585%203.0588%207.2353%203.0588C7.7121%203.0588%208.1636%203.273%208.4653%203.6423L11.2897%207.0997Z%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%22M11.7956%203.2923L12.2512%202.7346C12.4411%202.5022%2012.6783%202.3185%2012.9428%202.193C13.2074%202.0675%2013.4997%202%2013.8%202C14.1003%202%2014.3926%202.0675%2014.6571%202.193C14.9217%202.3185%2015.1589%202.5022%2015.3488%202.7346L20.1503%208.6123C20.4494%208.9783%2020.7145%209.3674%2020.944%209.7747C21.1735%2010.182%2021.3673%2010.6074%2021.5238%2011.0462C21.6802%2011.4849%2021.7993%2011.937%2021.8792%2012.3976C21.9592%2012.8583%2022%2013.3273%2022%2013.8C22%2014.302%2021.9548%2014.7943%2021.8679%2015.2728C21.7811%2015.7513%2021.6527%2016.2154%2021.4867%2016.6613C21.3207%2017.1071%2021.1171%2017.5345%2020.8799%2017.9394C20.6426%2018.3444%2020.3718%2018.727%2020.0711%2019.0835C19.7705%2019.44%2019.44%2019.7705%2019.0836%2020.0711C18.727%2020.3718%2018.3444%2020.6426%2017.9394%2020.8799C17.5345%2021.1171%2017.1071%2021.3207%2016.6613%2021.4867C16.2154%2021.6527%2015.7513%2021.7811%2015.2728%2021.8679C14.7943%2021.9548%2014.302%2022%2013.8%2022C13.3296%2022%2012.8636%2021.9596%2012.4067%2021.8808C11.9498%2021.802%2011.5019%2021.6849%2011.0678%2021.5315C10.6337%2021.378%2010.2132%2021.1883%209.8109%2020.9643C9.4086%2020.7403%209.0244%2020.4821%208.663%2020.1916C8.3016%2019.9012%207.963%2019.5785%207.6517%2019.2258C7.1253%2018.6293%207.4724%2017.6869%208.2599%2017.5742C8.6566%2017.5174%209.0415%2017.4293%209.4122%2017.3127C9.783%2017.196%2010.14%2017.0508%2010.481%2016.8796C10.8219%2016.7085%2011.1469%2016.5114%2011.4536%2016.291C11.7603%2016.0707%2012.0486%2015.8271%2012.3162%2015.563C12.5838%2015.2988%2012.8306%2015.0143%2013.0542%2014.712C13.2777%2014.4097%2013.4781%2014.0897%2013.6527%2013.7549C13.8274%2013.4201%2013.9765%2013.0705%2014.0976%2012.7088C14.2188%2012.347%2014.312%2011.9731%2014.3749%2011.5895C14.4379%2011.206%2014.4706%2010.8126%2014.4706%2010.4118C14.4706%209.9947%2014.4346%209.5808%2014.364%209.1745C14.2935%208.7681%2014.1884%208.3691%2014.0504%207.982C13.9124%207.5948%2013.7413%207.2194%2013.5389%206.86C13.3364%206.5007%2013.1025%206.1574%2012.8386%205.8344L11.7956%204.5577C11.4948%204.1895%2011.4948%203.6605%2011.7956%203.2923ZM11.2897%207.0997C12.0534%208.0345%2012.4706%209.2046%2012.4706%2010.4118C12.4706%2013.3032%2010.1267%2015.6471%207.2353%2015.6471C4.3439%2015.6471%202%2013.3032%202%2010.4118C2%209.2046%202.4172%208.0345%203.1809%207.0997L6.0053%203.6423C6.307%203.273%206.7585%203.0588%207.2353%203.0588C7.7121%203.0588%208.1636%203.273%208.4653%203.6423L11.2897%207.0997Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/droplets-fill.svg?color=%231a73e8&size=48