ICONYZ
Español
Icono Drop Simple Duotone de Phosphor

Icono Drop Simple Duotone

ph:drop-simple-duotone

El icono Drop Simple Duotone (ph:drop-simple-duotone) 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, simpleduotone, dropsimpleduotone
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="currentColor"><path d="M208 144a80 80 0 0 1-160 0c0-72 80-128 80-128s80 56 80 128" opacity=".2"/><path 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.25M128 216a72.08 72.08 0 0 1-72-72c0-57.23 55.47-105 72-118c16.53 13 72 60.75 72 118a72.08 72.08 0 0 1-72 72"/></g></svg>

Cómo usar el icono Drop Simple Duotone

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:drop-simple-duotone"></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-duotone"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/ph/drop-simple-duotone.svg" alt="Icono Drop Simple Duotone" 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-fill
drop-simple-fill
 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 Duotone

¿El icono Drop Simple Duotone 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 Duotone en React?

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

¿Cómo añado el icono Drop Simple Duotone 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-duotone.svg" alt="Icono Drop Simple Duotone">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Phosphor →