Droplets icon
game-icons:droplets
The Droplets icon (game-icons:droplets) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Game Icons
- Author
- GameIcons
- License
- CC-BY-3.0
- Size
- 512 × 512
- Tags
- droplet
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><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>How to use the Droplets icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:droplets" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:droplets" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:droplets" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--droplets]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:droplets"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:droplets"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/droplets.svg" alt="Droplets icon" width="24" height="24">Droplets icon in other icon sets
Droplets icon FAQ
Is the Droplets icon free for commercial use?
Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Droplets icon in React?
Install @iconify/react and render <Icon icon="game-icons:droplets" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Droplets icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/droplets.svg" alt="Droplets icon">, or paste the SVG code inline to style it with CSS.