Icono Leo
icon-park:leo
El icono Leo (icon-park:leo) 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
- Constelaciones
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-width="4"><circle cx="13" cy="27" r="6" fill="#2F88FF"/><path stroke-linecap="round" stroke-linejoin="round" d="M13 20.9999C13 15.5002 15 5.00024 24 5.00024C28.5 5.00024 36.7205 7.33192 33.5358 20.5613C33.2552 21.7271 32.154 23.9747 32.154 23.9747L30.5501 27.5773C28.8914 30.918 26.748 39.4542 33.5358 42.6106C35.5941 43.5678 40.0171 42.9496 41 38.6017"/></g></svg>
Cómo usar el icono Leo
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:leo" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:leo" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:leo" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--leo]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:leo"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:leo"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/leo.svg" alt="Icono Leo" width="24" height="24">
El icono Leo en otras colecciones
Preguntas frecuentes sobre Icono Leo
¿El icono Leo 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 Leo en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:leo" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Leo a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/leo.svg" alt="Icono Leo">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos IconPark →
ICONYZ
