Lilypond icon

file-icons:lilypond

The Lilypond icon (file-icons:lilypond) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M174.735 329.761a231 231 0 0 0 9.688 5.464c11.105 34.572 29.715 46.999 44.846 51.024c11.433 19.137 24.912 36.016 40.054 50.613c-20.763 28.262-48.553 37.899-54.993 39.81c-30.64-21.474-43.919-70.92-39.595-146.91m212.086 27.166c45.141-9.908 86.558-31.72 124.935-65.82c-26.092-20.08-55.853-33.244-91.67-40.042a258 258 0 0 1-27.376 34.555c31.607 13.486 39.911 38.506-13.813 55.897zm-75.602-251.285c14.295 22.288 19.939 48.98 17.022 80.664c21.382-10.638 42.033-17.52 61.769-20.753c9.96-66.3-9-117.067-9-117.067c-28.9 14.627-52.395 33.498-69.79 57.156M169.071 326.218c-32.12-20.416-54.87-46.993-68.715-80.241c-38.836 13.496-69.825 35.316-78.907 42.1c48.85 44.776 97.302 70.113 146.769 76.678c-.258-12.052-.005-24.854.853-38.537m286.453 11.53c-21.094 11.236-43.032 19.449-65.918 24.611c7.824 15.296 14.934 29.55 20.812 42.838c48.674-2.044 78.06-16.115 101.582-43.804c-4.907-7.084-29.663-11.406-56.476-23.644m-370.07-153.13a159 159 0 0 1 10.877-3.884C74.666 166.762 43.547 157.385.566 166.95c-5.293 11.026 27.5 53.687 58.808 90.642c11.46-6.01 24.59-12.037 38.8-16.993c-6.568-17.18-10.605-35.97-12.72-55.981m82.92 186.09c-29.93-3.819-59.457-14.364-88.877-31.68c-31.29 23.7-74.407 61.831-76.48 93.443c38.034 23.474 112.482 8.839 172.345-9.298c-3.89-15.157-6.243-32.625-6.988-52.464m110.58-298.63c11.438 7.25 22.17 19.34 28.772 28.456c5.282-7.042 11.16-13.645 17.493-19.9c-12.276-28.288-23.472-51.78-25.636-55.84c-4.784-8.972-14.438-7.18-21.743 1.014c-20.74 29.574-37.503 58.802-50.258 92.579c2.387 3.35 4.52 6.83 6.306 10.479c7.35-23.464 23.3-43.467 45.066-56.789M144.705 180.792c-14.982-34.95-7.824-71.197 2.448-101.605c-11.537-8.592-23.136-14.776-33.57-15.996c-24.75 12.21-10.625 69.813 4.353 113.37c8.768-.732 18.536.792 26.769 4.231m278.852 64.978c6.977 1.387 13.662 3.095 20.209 4.968c32.136-35.977 52.41-71.647 64.484-109.674c-27.726-.299-65.708 1.014-111.71 19.833l-.453 3.74c21.09-2.349 40.555-.908 58.401 4.309c-6.243 28.467-16.513 54.104-30.93 76.824M293.864 356.218c-43.206 42.901-87.138 31.637-104.574-25.054c-61.394-31.753-90.347-81.26-97.494-142.7c33.032-12.43 55.73-5.126 72.44 13.616c-28.146-35.506-27.6-78.555-8.715-129.084c40.13 19.862 74.683 42.336 78.976 78.976c6.21-39.518 23.863-58.944 45.206-71.895c38.9 30.388 48.206 70.734 41.394 116.557c45.129-24.143 87.53-33.472 126.36-23.42c-9.22 38.86-27.67 77.172-64.813 114.378c61.509 25.354 22.988 47.986-88.78 68.626m51.644-111.815c-4.96-4.058-31.703 1.291-40.75 13.232c8.17-10.893 10.892-45.206 10.892-45.206l-13.616 5.446l7.08-30.5c-9.639 5.676-18.44 15.914-26.174 31.952c3.56-16.313 4.395-29.181 1.12-36.854c-6.743 14.588-11.221 27.559-20.082 39.488c0 0-1.053-16.855 4.287-30.774c-5.34 2.594-12.527 18.518-15.795 23.42s4.902-21.241 4.902-29.956c-10.512-.087-25.054 19.608-34.313 33.224c-9.26 13.617-1.634-24.51-1.634-24.51s-10.349-.544-15.25 7.626c-4.903 8.17-6.537 49.564-6.537 49.564s0 .304.003.763c-8.21-22.21-3.619-29.634-3.619-29.634s-6.676-.537-12.451 15.19s-6.18 24.812 19.078 60.875c18.275 26.092 50.389 23.732 66.796 20.435c2.984-.442 10.214-1.385 12.484-4.34c4.058-4.059 9.47-15.331 16.684-15.331s26.603-7.215 30.21-18.488c3.608-11.272-6.312-9.469-1.803-13.527s14.59-19.027 18.488-22.095m-108.503 143.27c39.374 62.922 101.265 100.685 175.546 105.506c23.091-33.592-6.152-85.455-39.265-149.77c-17.687 5.754-42.264 11.846-76.488 18.22c-16.99 17.615-38.932 28.177-59.793 26.044"/></svg>

How to use the Lilypond icon

React

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

<Icon icon="file-icons:lilypond" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:lilypond" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:lilypond" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--lilypond]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:lilypond"></div>

Web component

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

<iconify-icon icon="file-icons:lilypond"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/lilypond.svg" alt="Lilypond icon" width="24" height="24">

Lilypond icon in other icon sets

Lilypond icon FAQ

Is the Lilypond icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Lilypond icon in React?

Install @iconify/react and render <Icon icon="file-icons:lilypond" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Lilypond icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/lilypond.svg" alt="Lilypond icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →