ICONYZ
Español
Icono Waterdrop Bold de Solar

Icono Waterdrop Bold

solar:waterdrop-bold

El icono Waterdrop Bold (solar:waterdrop-bold) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Solar
Autor
480 Design
Licencia
CC-BY-4.0
Tamaño
24 × 24
Categoría
Interfaz
Etiquetas
waterdropbold
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" fill-rule="evenodd" d="M11.6115 22C6.85549 22 3 18.0569 3 13.1928V12.9281C3 8.31651 5.72854 4.16347 9.90329 2.42077C11.2473 1.85974 12.7527 1.85974 14.0967 2.42077C18.2715 4.16347 21 8.31651 21 12.9281V13.1928C21 18.0569 17.1445 22 12.3885 22H11.6115ZM12.0664 5.96145C12.2402 6.33741 12.0764 6.78313 11.7004 6.95699C10.155 7.6717 8.90712 9.12534 8.32961 10.9499C8.20462 11.3449 7.78316 11.5637 7.38826 11.4387C6.99335 11.3137 6.77454 10.8922 6.89954 10.4973C7.59154 8.31097 9.10593 6.50418 11.0708 5.59552C11.4468 5.42166 11.8925 5.5855 12.0664 5.96145Z" clip-rule="evenodd"/></svg>

Cómo usar el icono Waterdrop Bold

React

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

<Icon icon="solar:waterdrop-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:waterdrop-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:waterdrop-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--waterdrop-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:waterdrop-bold"></div>

Web component

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

<iconify-icon icon="solar:waterdrop-bold"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/solar/waterdrop-bold.svg" alt="Icono Waterdrop Bold" width="24" height="24">

Iconos relacionados en Solar

Preguntas frecuentes sobre Icono Waterdrop Bold

¿El icono Waterdrop Bold es gratis para uso comercial?

Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Waterdrop Bold en React?

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

¿Cómo añado el icono Waterdrop Bold a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/waterdrop-bold.svg" alt="Icono Waterdrop Bold">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Solar →