Droplets Sharp Two Tone icon

keyline-icons:droplets-sharp-two-tone

The Droplets Sharp Two Tone icon (keyline-icons:droplets-sharp-two-tone) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Keyline Icons
Author: Keyline Icons
License: MIT
Size: 24 × 24
Tags: dropletssharp, sharptwo, twotone, dropletssharptwotone, droplet

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M11.3253 4.2619L13.8 2L19.6966 8.1017C20.066 8.4839 20.3946 8.8983 20.6798 9.3381C20.965 9.7779 21.2068 10.2431 21.4024 10.7269C21.5979 11.2107 21.7473 11.7132 21.8479 12.2276C21.9484 12.7421 22 13.2685 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.9497 21.802 11.5019 21.6849 11.0677 21.5314C10.6336 21.378 10.2131 21.1883 9.8108 20.9643C9.4085 20.7403 9.0244 20.482 8.6629 20.1915C8.3015 19.9011 7.9629 19.5784 7.6516 19.2257L7.1935 18.7065L8.6933 17.3833C12.0408 16.7652 14.4703 13.846 14.4703 10.4419C14.4703 8.7066 13.8311 7.032 12.6747 5.7381L11.3253 4.2619ZM10.9114 6.6843C11.909 7.6681 12.4706 9.0107 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.0107 2.5616 7.6681 3.5592 6.6843L7.2353 3.0588L10.9114 6.6843Z" stroke="none"/><path stroke-linejoin="miter" d="M12 5L13.7568 3.3943L18.9775 8.7966C20.2748 10.1391 21 11.9331 21 13.8C21 17.7765 17.7765 21 13.8 21C11.7344 21 9.7682 20.1128 8.4014 18.564L7.9434 18.0449M10.2092 7.3963C11.0163 8.1922 11.4706 9.2783 11.4706 10.4118C11.4706 12.7509 9.5744 14.6471 7.2353 14.6471C4.8962 14.6471 3 12.7509 3 10.4118C3 9.2783 3.4543 8.1922 4.2614 7.3963L7.2353 4.4633L10.2092 7.3963Z"/></g></svg>

How to use the Droplets Sharp Two Tone icon

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:droplets-sharp-two-tone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:droplets-sharp-two-tone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:droplets-sharp-two-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--droplets-sharp-two-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:droplets-sharp-two-tone"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:droplets-sharp-two-tone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/keyline-icons/droplets-sharp-two-tone.svg" alt="Droplets Sharp Two Tone icon" width="24" height="24">

Related icons in Keyline Icons

Droplets Sharp Two Tone icon FAQ

Is the Droplets Sharp Two Tone icon free for commercial use?

Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Droplets Sharp Two Tone icon in React?

Install @iconify/react and render <Icon icon="keyline-icons:droplets-sharp-two-tone" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Droplets Sharp Two Tone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/droplets-sharp-two-tone.svg" alt="Droplets Sharp Two Tone icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →