ICONYZ
Español
Icono Water Level de IconPark

Icono Water Level

icon-park:water-level

El icono Water Level (icon-park:water-level) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark icons se publican bajo la licencia Apache 2.0, 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
IconPark
Autor
ByteDance
Licencia
Apache-2.0
Tamaño
48 × 48
Categoría
Dinero
Etiquetas
waterlevel
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path stroke-linecap="round" d="M24 44C32.2843 44 39 37.2843 39 29C39 15 24 4 24 4C24 4 9 15 9 29C9 37.2843 15.7157 44 24 44Z" clip-rule="evenodd"/><path fill="#2F88FF" d="M9 29.0001C9 37.2844 15.7157 44.0001 24 44.0001C32.2843 44.0001 39 37.2844 39 29.0001C39 29.0001 30 32.0001 24 29.0001C18 26.0001 9 29.0001 9 29.0001Z"/></g></svg>

Cómo usar el icono Water Level

React

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

<Icon icon="icon-park:water-level" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:water-level" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:water-level" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--water-level]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:water-level"></div>

Web component

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

<iconify-icon icon="icon-park:water-level"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/icon-park/water-level.svg" alt="Icono Water Level" width="24" height="24">

Iconos relacionados en IconPark

El icono Water Level en otras colecciones

Preguntas frecuentes sobre Icono Water Level

¿El icono Water Level es gratis para uso comercial?

Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Water Level en React?

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

¿Cómo añado el icono Water Level a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/water-level.svg" alt="Icono Water Level">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos IconPark →