Lyre icon
game-icons:lyre
The Lyre icon (game-icons:lyre) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Game Icons
- Author
- GameIcons
- License
- CC-BY-3.0
- Size
- 512 × 512
SVG code
<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>How to use the Lyre icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/lyre.svg" alt="Lyre icon" width="24" height="24">Lyre icon in other icon sets
Lyre icon FAQ
Is the Lyre icon free for commercial use?
Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Lyre icon in React?
Install @iconify/react and render <Icon icon="game-icons:lyre" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Lyre icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/lyre.svg" alt="Lyre icon">, or paste the SVG code inline to style it with CSS.