Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: bounce. Pick another to preview it and update the animated code:

Icons8 Line Awesome · LiaMusicSolid

Music Solid icon

A free music solid icon from Icons8 Line Awesome, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

Also known asaudio iconsound iconsong iconnote iconmelody iconheadphones iconheadset iconsupport icon
License
MIT license
Project
icons8.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/line-awesome/music-solid.json
components/icons/line-awesome-music-solid.tsx
import * as React from "react";

/**
 * Music Solid from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/music-solid. Sized in em, colored by currentColor.
 */
export function LiaMusicSolidIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 32 32"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M 27 3.78125 L 25.8125 4.03125 L 9.8125 7.03125 L 9 7.15625 L 9 20.5625 C 8.40625 20.214844 7.734375 20 7 20 C 4.800781 20 3 21.800781 3 24 C 3 26.199219 4.800781 28 7 28 C 9.199219 28 11 26.199219 11 24 L 11 12.8125 L 25 10.1875 L 25 17.5625 C 24.40625 17.214844 23.734375 17 23 17 C 20.800781 17 19 18.800781 19 21 C 19 23.199219 20.800781 25 23 25 C 25.199219 25 27 23.199219 27 21 Z M 25 6.1875 L 25 8.1875 L 11 10.8125 L 11 8.8125 Z M 23 19 C 24.117188 19 25 19.882813 25 21 C 25 22.117188 24.117188 23 23 23 C 21.882813 23 21 22.117188 21 21 C 21 19.882813 21.882813 19 23 19 Z M 7 22 C 8.117188 22 9 22.882813 9 24 C 9 25.117188 8.117188 26 7 26 C 5.882813 26 5 25.117188 5 24 C 5 22.882813 5.882813 22 7 22 Z"
      />
    </svg>
  );
}
With react-icons
import { LiaMusicSolid } from "react-icons/lia";

export function Example() {
  return <LiaMusicSolid className="size-5" />;
}
music-solid.svg
<svg
  viewBox="0 0 32 32"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M 27 3.78125 L 25.8125 4.03125 L 9.8125 7.03125 L 9 7.15625 L 9 20.5625 C 8.40625 20.214844 7.734375 20 7 20 C 4.800781 20 3 21.800781 3 24 C 3 26.199219 4.800781 28 7 28 C 9.199219 28 11 26.199219 11 24 L 11 12.8125 L 25 10.1875 L 25 17.5625 C 24.40625 17.214844 23.734375 17 23 17 C 20.800781 17 19 18.800781 19 21 C 19 23.199219 20.800781 25 23 25 C 25.199219 25 27 23.199219 27 21 Z M 25 6.1875 L 25 8.1875 L 11 10.8125 L 11 8.8125 Z M 23 19 C 24.117188 19 25 19.882813 25 21 C 25 22.117188 24.117188 23 23 23 C 21.882813 23 21 22.117188 21 21 C 21 19.882813 21.882813 19 23 19 Z M 7 22 C 8.117188 22 9 22.882813 9 24 C 9 25.117188 8.117188 26 7 26 C 5.882813 26 5 25.117188 5 24 C 5 22.882813 5.882813 22 7 22 Z"
  />
</svg>
Attribution
"Music Solid" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Related icons: audio, sound, song, note