Icono Lyre
game-icons:lyre
El icono Lyre (game-icons:lyre) es un icono SVG gratuito de la colección Game Icons de GameIcons. Está dibujado en una cuadrícula de 512 × 512. Game Icons se publican bajo la licencia CC BY 3.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Game Icons
- Autor
- GameIcons
- Licencia
- CC-BY-3.0
- Tamaño
- 512 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M108.656 35.063c-15.053.138-33.413 5.378-46.97 15.812c-10.75 8.276-18.777 19.27-21.186 34.438c.21-.126.414-.252.625-.376a30.9 30.9 0 0 0-1.313 8.876c0 17.087 13.85 30.937 30.938 30.937c14.293 0 26.324-9.705 29.875-22.875c.028-.115.067-.23.094-.344c.48-2.082.768-4.042.905-5.843c.025-.327.017-.65.03-.968c.005-.126.03-.25.032-.376c.007-.182-.002-.353 0-.53c0-1.526-.098-3.036-.312-4.5c-1.367-8.018-6.778-12.156-12.594-13.72c-8.527-2.293-19.055.637-23.75 18.156l-.468-.125C62.04 74.12 72.213 63.885 83.94 60.78c2.476-.654 5.053-1.005 7.656-.968c9.072.13 18.445 4.88 24.562 17.126c.087.173.165.355.25.53c5.208 15.233 2.11 43.32-3.344 57.626c-7.288 18.753-22.376 40.504-47.687 65.5C6.99 258.252 4 329.824 39.97 388.814C75.936 447.8 152.13 493.56 254.437 493.56c102.306 0 178.47-45.76 214.437-104.75c35.882-58.848 32.982-130.225-25-187.812l-.406-.406h-.033c-25.31-24.996-40.367-46.747-47.656-65.5c-5.23-16.453-9.09-42.988-2.655-57.625c.058-.128.128-.25.188-.376c.025-.05.037-.106.062-.156c6.117-12.246 15.49-16.996 24.563-17.126c2.602-.037 5.18.314 7.656.97c11.724 3.102 21.87 13.337 19.344 32.843l-.438.125c-4.694-17.52-15.222-20.45-23.75-18.156c-4.41 1.185-8.603 3.85-10.97 8.562c-.012.04-.017.085-.03.125a30.8 30.8 0 0 0-1.5 9.532c0 17.088 13.85 30.938 30.938 30.938c17.087 0 30.937-13.85 30.937-30.938c0-4.355-.907-8.49-2.53-12.25c-3.058-13.244-10.598-23.112-20.44-30.687c-14.458-11.13-34.39-16.363-49.936-15.78c-13.378.5-24.85 4.108-33.22 10.53c-3.412 2.617-6.383 5.702-8.844 9.375c-69.455 35.508-138.89 38.75-208.344-7.75a42 42 0 0 0-1.968-1.625c-8.37-6.422-19.843-10.03-33.22-10.53a62 62 0 0 0-2.968-.032zm52.78 53.124a243 243 0 0 0 19 7.032v313.06c-30.732-8.258-57.886-22.005-77.374-41.31c-17.1-16.94-28.077-38.626-28.906-63.595s8.274-52.702 28.97-82.625c41.323-59.752 57.163-103.6 58.31-132.563zm186.033 1.407c1.6 28.97 17.593 72.37 58.25 131.156c20.693 29.923 29.796 57.656 28.967 82.625c-.828 24.97-11.807 46.654-28.906 63.594c-19.023 18.846-45.374 32.4-75.217 40.717V94.844a372 372 0 0 0 16.906-5.25m-35.595 10v312.53c-8.21 1.63-16.606 2.878-25.125 3.782V104.094a295 295 0 0 0 25.125-4.5m-112.75.78a231 231 0 0 0 25.344 4.44v311.342c-8.59-.84-17.057-2.05-25.345-3.625V100.376zm68.938 5.564v311.375c-4.54.198-9.088.312-13.657.312c-3.76 0-7.506-.053-11.25-.188V106.28c8.293.314 16.614.18 24.906-.343z"/></svg>Cómo usar el icono Lyre
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:lyre" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:lyre" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:lyre" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--lyre]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:lyre"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:lyre"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/game-icons/lyre.svg" alt="Icono Lyre" width="24" height="24">El icono Lyre en otras colecciones
Preguntas frecuentes sobre Icono Lyre
¿El icono Lyre es gratis para uso comercial?
Sí. Game Icons se publican bajo la licencia CC BY 3.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Lyre en React?
Instala @iconify/react y renderiza <Icon icon="game-icons:lyre" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Lyre a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/game-icons/lyre.svg" alt="Icono Lyre">, o pega el código SVG en línea para darle estilo con CSS.