drop icon

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

Name: drop-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

dropFramework7 Icons drop-12-filledFluent UI System Icons dropcss.gg drop-fillMingCute Icon dropPhosphor dropPixelarticons drop-fillRemix Icon drop-outlineTeenyicons

Use the drop icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.024 2.468a.75.75 0 0 0-1.058 0c-.508.506-1.04 1.002-1.594 1.52c-.428.4-.87.813-1.327 1.254c-1.015.98-2.032 2.036-2.863 3.18c-1.677 2.306-2.642 5.043-1.301 8.264C6.15 19.734 9.208 21.75 12.5 21.75s6.35-2.016 7.62-5.064c1.341-3.223.374-5.96-1.305-8.267c-.832-1.143-1.85-2.2-2.866-3.179c-.457-.44-.901-.854-1.33-1.254a68 68 0 0 1-1.595-1.518"/></svg>

React

import type { SVGProps } from "react";

export function MynauiDropSolid(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="M13.024 2.468a.75.75 0 0 0-1.058 0c-.508.506-1.04 1.002-1.594 1.52c-.428.4-.87.813-1.327 1.254c-1.015.98-2.032 2.036-2.863 3.18c-1.677 2.306-2.642 5.043-1.301 8.264C6.15 19.734 9.208 21.75 12.5 21.75s6.35-2.016 7.62-5.064c1.341-3.223.374-5.96-1.305-8.267c-.832-1.143-1.85-2.2-2.866-3.179c-.457-.44-.901-.854-1.33-1.254a68 68 0 0 1-1.595-1.518"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.024 2.468a.75.75 0 0 0-1.058 0c-.508.506-1.04 1.002-1.594 1.52c-.428.4-.87.813-1.327 1.254c-1.015.98-2.032 2.036-2.863 3.18c-1.677 2.306-2.642 5.043-1.301 8.264C6.15 19.734 9.208 21.75 12.5 21.75s6.35-2.016 7.62-5.064c1.341-3.223.374-5.96-1.305-8.267c-.832-1.143-1.85-2.2-2.866-3.179c-.457-.44-.901-.854-1.33-1.254a68 68 0 0 1-1.595-1.518"/></svg>
</template>

CSS

.icon-drop-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%22M13.024%202.468a.75.75%200%200%200-1.058%200c-.508.506-1.04%201.002-1.594%201.52c-.428.4-.87.813-1.327%201.254c-1.015.98-2.032%202.036-2.863%203.18c-1.677%202.306-2.642%205.043-1.301%208.264C6.15%2019.734%209.208%2021.75%2012.5%2021.75s6.35-2.016%207.62-5.064c1.341-3.223.374-5.96-1.305-8.267c-.832-1.143-1.85-2.2-2.866-3.179c-.457-.44-.901-.854-1.33-1.254a68%2068%200%200%201-1.595-1.518%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%22M13.024%202.468a.75.75%200%200%200-1.058%200c-.508.506-1.04%201.002-1.594%201.52c-.428.4-.87.813-1.327%201.254c-1.015.98-2.032%202.036-2.863%203.18c-1.677%202.306-2.642%205.043-1.301%208.264C6.15%2019.734%209.208%2021.75%2012.5%2021.75s6.35-2.016%207.62-5.064c1.341-3.223.374-5.96-1.305-8.267c-.832-1.143-1.85-2.2-2.866-3.179c-.457-.44-.901-.854-1.33-1.254a68%2068%200%200%201-1.595-1.518%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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