ICONYZ
Español
Icono Drop Simple Fill de Phosphor

Icono Drop Simple Fill

ph:drop-simple-fill

El icono Drop Simple Fill (ph:drop-simple-fill) es un icono SVG gratuito de la colección Phosphor de Phosphor Icons. Está dibujado en una cuadrícula de 256 × 256. Phosphor 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
Phosphor
Autor
Phosphor Icons
Licencia
MIT
Tamaño
256 × 256
Etiquetas
droplet, teardrop, raindrop, raining, humidity, meteorology, water, blur, dropsimple, simplefill, dropsimplefill
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M174 47.75a254.2 254.2 0 0 0-41.45-38.3a8 8 0 0 0-9.18 0A254.2 254.2 0 0 0 82 47.75C54.51 79.32 40 112.6 40 144a88 88 0 0 0 176 0c0-31.4-14.51-64.68-42-96.25"/></svg>

Cómo usar el icono Drop Simple Fill

React

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

<Icon icon="ph:drop-simple-fill" width="24" />

Vue

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

<template>
  <Icon icon="ph:drop-simple-fill" width="24" />
</template>

Svelte

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

<Icon icon="ph:drop-simple-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--drop-simple-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:drop-simple-fill"></div>

Web component

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

<iconify-icon icon="ph:drop-simple-fill"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/ph/drop-simple-fill.svg" alt="Icono Drop Simple Fill" width="24" height="24">

Iconos relacionados en Phosphor

Icono drop
drop
 Icono drop-bold
drop-bold
 Icono drop-duotone
drop-duotone
 Icono drop-fill
drop-fill
 Icono drop-half
drop-half
 Icono drop-half-bold
drop-half-bold
 Icono drop-half-bottom
drop-half-bottom
 Icono drop-half-bottom-bold
drop-half-bottom-bold
 Icono drop-half-bottom-duotone
drop-half-bottom-duotone
 Icono drop-half-bottom-fill
drop-half-bottom-fill
 Icono drop-half-bottom-light
drop-half-bottom-light
 Icono drop-half-bottom-thin
drop-half-bottom-thin
 Icono drop-half-duotone
drop-half-duotone
 Icono drop-half-fill
drop-half-fill
 Icono drop-half-light
drop-half-light
 Icono drop-half-thin
drop-half-thin
 Icono drop-light
drop-light
 Icono drop-simple
drop-simple
 Icono drop-simple-bold
drop-simple-bold
 Icono drop-simple-duotone
drop-simple-duotone
 Icono drop-simple-light
drop-simple-light
 Icono drop-simple-thin
drop-simple-thin
 Icono drop-slash
drop-slash
 Icono drop-slash-bold
drop-slash-bold

Preguntas frecuentes sobre Icono Drop Simple Fill

¿El icono Drop Simple Fill es gratis para uso comercial?

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

¿Cómo uso el icono Drop Simple Fill en React?

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

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

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ph/drop-simple-fill.svg" alt="Icono Drop Simple Fill">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Phosphor →