Icono Lotus
icon-park:lotus
El icono Lotus (icon-park:lotus) 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
- Energía
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-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M19 16C19.1961 13.8571 20.2353 8.85714 24 6C25.3725 7.66667 28.5294 12 29 16"/><path fill="#2F88FF" d="M23.7523 42C15.2826 40.5455 -0.301481 31.3091 5.11908 6C12.2712 7.63636 26.0108 17.1273 23.7523 42Z"/><path fill="#2F88FF" d="M24.2477 42C32.7174 40.5455 48.3015 31.3091 42.8809 6C35.7288 7.63636 21.9892 17.1273 24.2477 42Z"/></g></svg>
Cómo usar el icono Lotus
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:lotus" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:lotus" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:lotus" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--lotus]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:lotus"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:lotus"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/lotus.svg" alt="Icono Lotus" width="24" height="24">
El icono Lotus en otras colecciones
Preguntas frecuentes sobre Icono Lotus
¿El icono Lotus 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 Lotus en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:lotus" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Lotus a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/lotus.svg" alt="Icono Lotus">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos IconPark →
ICONYZ
