Ícone Droplets Sharp Fill

keyline-icons:droplets-sharp-fill

O ícone Droplets Sharp Fill (keyline-icons:droplets-sharp-fill) é um ícone SVG gratuito da coleção Keyline Icons. Ele é desenhado em uma grade de 24 × 24. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Keyline Icons
Autor: Keyline Icons
Licença: MIT
Tamanho: 24 × 24
Tags: dropletssharp, sharpfill, dropletssharpfill, droplet

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" 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"/></svg>

Como usar o ícone Droplets Sharp Fill

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:droplets-sharp-fill"></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-fill"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/droplets-sharp-fill.svg" alt="Ícone Droplets Sharp Fill" width="24" height="24">

Ícones relacionados em Keyline Icons

Perguntas frequentes sobre Ícone Droplets Sharp Fill

O ícone Droplets Sharp Fill é grátis para uso comercial?

Sim. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Droplets Sharp Fill no React?

Instale @iconify/react e renderize <Icon icon="keyline-icons:droplets-sharp-fill" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Droplets Sharp Fill a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/keyline-icons/droplets-sharp-fill.svg" alt="Ícone Droplets Sharp Fill">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Keyline Icons →