Icono Droplets
keyline-icons:droplets
El icono Droplets (keyline-icons:droplets) 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
- droplet
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12.57 3.925L13.0256 3.3673C13.2155 3.1349 13.4998 3 13.8 3C14.1002 3 14.3845 3.1349 14.5744 3.3673L19.3759 9.2449C20.4263 10.5306 21 12.1398 21 13.8C21 17.7765 17.7765 21 13.8 21C11.7344 21 9.7683 20.1129 8.4015 18.5641M10.5153 7.7323C11.1331 8.4886 11.4706 9.4352 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.4352 3.3375 8.4886 3.9553 7.7323L6.7797 4.2749C6.8915 4.1382 7.0587 4.0588 7.2353 4.0588C7.4119 4.0588 7.5791 4.1382 7.6909 4.2749L10.5153 7.7323Z"/></svg>
Cómo usar el icono Droplets
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:droplets" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:droplets" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:droplets" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--droplets]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:droplets"></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"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/droplets.svg" alt="Icono Droplets" width="24" height="24">
Iconos relacionados en Keyline Icons
El icono Droplets en otras colecciones
Preguntas frecuentes sobre Icono Droplets
¿El icono Droplets 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 en React?
Instala @iconify/react y renderiza <Icon icon="keyline-icons:droplets" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Droplets 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.svg" alt="Icono Droplets">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Keyline Icons →
ICONYZ
