Skip to content
shadcn.io

Droplets

The droplets icon represents a symbol of water or liquid, often used in contexts related to weather, game design, and thematic representations.

Add shadcn.io to your AI agent. · Pro It installs Droplets, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Droplets icon from Game Icons
Get Pro

4,123 in Game IconsCC BY 3.0 license (opens in a new tab)Free to copy and download

Code

Droplets in your framework

In any framework. Customize it above, and the code follows.

export const DropletsIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" {...props}>
    <path fill="currentColor" d="M107.156 17.72c-22.515 130.852-89.5 157.227-89.5 248.968c0 46.03 45.485 79.843 89.5 79.843c1.7 0 3.402-.066 5.094-.155c.82-6.47 1.875-12.74 3.125-18.844a69.5 69.5 0 0 1-9.063.595c-38.51 0-69.656-31.488-69.656-70.72c0-39.23 31.145-70.717 69.656-70.717c.576 0 1.147.017 1.72.03c-17.205 9.417-28.876 28.2-28.876 49.5c0 27.927 20.063 51.5 46.344 55.345c10.542-29.276 25.437-55.543 41.125-83.125a3540 3540 0 0 0 9.25-16.344c-20.93-44.947-53.572-89.35-68.72-174.375zm296.531 0c-14.905 86.624-49.318 127.455-70.875 171.78c4.337 8.4 8.666 16.6 12.907 24.625c.27.514.54 1.018.81 1.53c12.664-17.583 33.143-28.968 56.283-28.968c.585 0 1.167.017 1.75.032c-17.214 9.413-28.907 28.192-28.907 49.5c0 30.555 24.045 55.905 53.938 55.905c16.704 0 31.57-7.9 41.437-20.22c-6.557 32.216-34.585 56.22-68.217 56.22c-3.16 0-6.266-.245-9.313-.656a259 259 0 0 1 3.656 18.78c2.18.163 4.354.28 6.53.28c45.005 0 87.752-31.642 87.752-75.342c0-88.064-64.484-122.863-87.75-253.47zM256.72 52.47c-18.814 73.33-47.047 123.11-71.69 166.436c-29.68 52.186-53.686 94.326-53.686 161.313c0 31.412 15.432 58.706 39.094 78.624c23.66 19.917 55.448 31.906 86.125 31.906c31.66 0 62.733-11.278 85.468-29.906s37.095-44.098 37.095-73.78c0-64.192-23.26-108.428-52.125-163.064c-23.955-45.34-51.36-97.692-70.28-171.53zm-1.5 212.56c6.448 0 12.75.62 18.874 1.75c-31.1 8.977-53.844 38.675-53.844 73.5c0 41.822 32.78 76.314 73.47 76.314c28.857 0 53.72-17.368 65.75-42.375c-1.763 57.015-47.717 102.374-104.25 102.374c-57.654 0-104.314-47.18-104.314-105.78c0-58.603 46.66-105.783 104.313-105.783z"/>
  </svg>
);

Other libraries

Droplets in 4 more libraries

Each library draws it its own way. Open one to compare.

  • Droplets icon from Arcticons
  • Droplets icon from Tabler Icons
  • Droplets icon from Myna UI Icons
  • Droplets icon from Lucide

Game Icons

More like it

Icons that share its tags, in the same style.

All 4,123 icons
  • H2o icon from Game Icons
  • Pentarrows Tornado icon from Game Icons
  • Raining icon from Game Icons
  • Abstract 055 icon from Game Icons
  • Abstract 056 icon from Game Icons
  • Abstract 057 icon from Game Icons
  • Abstract 058 icon from Game Icons
  • Abstract 059 icon from Game Icons
  • Abstract 060 icon from Game Icons
  • Abstract 061 icon from Game Icons
  • Abstract 062 icon from Game Icons
  • Abstract 063 icon from Game Icons
  • Abstract 084 icon from Game Icons
  • Abstract 085 icon from Game Icons
  • Abstract 086 icon from Game Icons
  • Abstract 087 icon from Game Icons
  • Abstract 088 icon from Game Icons
  • Abstract 089 icon from Game Icons
  • Abstract 090 icon from Game Icons
  • Abstract 091 icon from Game Icons
  • Abstract 092 icon from Game Icons
  • Abstract 093 icon from Game Icons
  • Cleaver icon from Game Icons
  • Demolish icon from Game Icons

Search Game Icons

Skip the copy and paste. With Pro, your AI agent finds and installs any Game Icons icon from a prompt.

Get Pro

Tags

Browse by tag

Droplets is tagged icon, weather, game and 3 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

Game Icons MCP, with Pro

Ask for Droplets or any of 4,123 Game Icons icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

See full pricing

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Droplets icon means and where it's used, then how to install, style and license it.

Install Droplets from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro