droplet off icon

droplet-off-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.

Name: droplet-off-solid
Set: Myna UI Icons
Style: Solid
Viewbox: 24×24
License: MIT

1 other variant in Myna UI Icons

The same icon in other sets

droplet-off-fillEva Icons droplet-offHuge Icons droplet-offLucide droplet-offTabler Icons

Use the droplet off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.691 2.72a.75.75 0 0 0-1.342-.1l-.05.102c-.412 1.032-1.089 1.979-1.9 2.91c-.518.597-1.058 1.151-1.607 1.716c-.33.338-.663.68-.997 1.038c-1.653 1.765-3.237 3.792-2.91 6.475l.038.262a.75.75 0 0 0 1.488-.169l-.009-.077c-.337-2.035.783-3.645 2.488-5.466c.292-.312.606-.635.928-.967a46 46 0 0 0 1.713-1.827c.53-.61 1.037-1.26 1.465-1.963q.32.522.687 1.005l.239.308l.05.057a.75.75 0 0 0 1.169-.928l-.045-.063l-.217-.28a9.3 9.3 0 0 1-1.059-1.73zm7.779-.25a.75.75 0 1 1 1.06 1.06l-4.586 4.585c.996 1.043 1.971 2.15 2.576 3.393c.688 1.416.896 2.992.242 4.81l-.143.367c-1.27 3.048-4.328 5.065-7.62 5.065c-2.313 0-4.506-.998-6.047-2.643L3.53 21.53a.75.75 0 1 1-1.06-1.06z"/></svg>

React

import type { SVGProps } from "react";

export function MynauiDropletOffSolid(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="M12.691 2.72a.75.75 0 0 0-1.342-.1l-.05.102c-.412 1.032-1.089 1.979-1.9 2.91c-.518.597-1.058 1.151-1.607 1.716c-.33.338-.663.68-.997 1.038c-1.653 1.765-3.237 3.792-2.91 6.475l.038.262a.75.75 0 0 0 1.488-.169l-.009-.077c-.337-2.035.783-3.645 2.488-5.466c.292-.312.606-.635.928-.967a46 46 0 0 0 1.713-1.827c.53-.61 1.037-1.26 1.465-1.963q.32.522.687 1.005l.239.308l.05.057a.75.75 0 0 0 1.169-.928l-.045-.063l-.217-.28a9.3 9.3 0 0 1-1.059-1.73zm7.779-.25a.75.75 0 1 1 1.06 1.06l-4.586 4.585c.996 1.043 1.971 2.15 2.576 3.393c.688 1.416.896 2.992.242 4.81l-.143.367c-1.27 3.048-4.328 5.065-7.62 5.065c-2.313 0-4.506-.998-6.047-2.643L3.53 21.53a.75.75 0 1 1-1.06-1.06z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.691 2.72a.75.75 0 0 0-1.342-.1l-.05.102c-.412 1.032-1.089 1.979-1.9 2.91c-.518.597-1.058 1.151-1.607 1.716c-.33.338-.663.68-.997 1.038c-1.653 1.765-3.237 3.792-2.91 6.475l.038.262a.75.75 0 0 0 1.488-.169l-.009-.077c-.337-2.035.783-3.645 2.488-5.466c.292-.312.606-.635.928-.967a46 46 0 0 0 1.713-1.827c.53-.61 1.037-1.26 1.465-1.963q.32.522.687 1.005l.239.308l.05.057a.75.75 0 0 0 1.169-.928l-.045-.063l-.217-.28a9.3 9.3 0 0 1-1.059-1.73zm7.779-.25a.75.75 0 1 1 1.06 1.06l-4.586 4.585c.996 1.043 1.971 2.15 2.576 3.393c.688 1.416.896 2.992.242 4.81l-.143.367c-1.27 3.048-4.328 5.065-7.62 5.065c-2.313 0-4.506-.998-6.047-2.643L3.53 21.53a.75.75 0 1 1-1.06-1.06z"/></svg>
</template>

CSS

.icon-droplet-off-solid {
  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%22M12.691%202.72a.75.75%200%200%200-1.342-.1l-.05.102c-.412%201.032-1.089%201.979-1.9%202.91c-.518.597-1.058%201.151-1.607%201.716c-.33.338-.663.68-.997%201.038c-1.653%201.765-3.237%203.792-2.91%206.475l.038.262a.75.75%200%200%200%201.488-.169l-.009-.077c-.337-2.035.783-3.645%202.488-5.466c.292-.312.606-.635.928-.967a46%2046%200%200%200%201.713-1.827c.53-.61%201.037-1.26%201.465-1.963q.32.522.687%201.005l.239.308l.05.057a.75.75%200%200%200%201.169-.928l-.045-.063l-.217-.28a9.3%209.3%200%200%201-1.059-1.73zm7.779-.25a.75.75%200%201%201%201.06%201.06l-4.586%204.585c.996%201.043%201.971%202.15%202.576%203.393c.688%201.416.896%202.992.242%204.81l-.143.367c-1.27%203.048-4.328%205.065-7.62%205.065c-2.313%200-4.506-.998-6.047-2.643L3.53%2021.53a.75.75%200%201%201-1.06-1.06z%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%22M12.691%202.72a.75.75%200%200%200-1.342-.1l-.05.102c-.412%201.032-1.089%201.979-1.9%202.91c-.518.597-1.058%201.151-1.607%201.716c-.33.338-.663.68-.997%201.038c-1.653%201.765-3.237%203.792-2.91%206.475l.038.262a.75.75%200%200%200%201.488-.169l-.009-.077c-.337-2.035.783-3.645%202.488-5.466c.292-.312.606-.635.928-.967a46%2046%200%200%200%201.713-1.827c.53-.61%201.037-1.26%201.465-1.963q.32.522.687%201.005l.239.308l.05.057a.75.75%200%200%200%201.169-.928l-.045-.063l-.217-.28a9.3%209.3%200%200%201-1.059-1.73zm7.779-.25a.75.75%200%201%201%201.06%201.06l-4.586%204.585c.996%201.043%201.971%202.15%202.576%203.393c.688%201.416.896%202.992.242%204.81l-.143.367c-1.27%203.048-4.328%205.065-7.62%205.065c-2.313%200-4.506-.998-6.047-2.643L3.53%2021.53a.75.75%200%201%201-1.06-1.06z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/droplet-off-solid.svg?color=%231a73e8&size=48