Icono Droplets Sharp Fill

keyline-icons:droplets-sharp-fill

El icono Droplets Sharp Fill (keyline-icons:droplets-sharp-fill) es un icono SVG gratuito de la colección Keyline Icons. Está dibujado en una cuadrícula de 24 × 24. Keyline Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Keyline Icons
Autor: Keyline Icons
Licencia: MIT
Tamaño: 24 × 24
Etiquetas: dropletssharp, sharpfill, dropletssharpfill, droplet

Descargar 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>

Cómo usar el icono 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>

Imagen HTML

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

Iconos relacionados en Keyline Icons

Preguntas frecuentes sobre Icono Droplets Sharp Fill

¿El icono Droplets Sharp Fill es gratis para uso comercial?

Sí. Keyline Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Droplets Sharp Fill en React?

Instala @iconify/react y renderiza <Icon icon="keyline-icons:droplets-sharp-fill" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Droplets Sharp Fill a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/keyline-icons/droplets-sharp-fill.svg" alt="Icono Droplets Sharp Fill">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Keyline Icons →