Skip to content
Cuelark UI

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

Icons8 Line Awesome · LiaQuranSolid

Quran Solid icon

A free quran 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.

License
MIT license
Project
icons8.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/line-awesome/quran-solid.json
components/icons/line-awesome-quran-solid.tsx
import * as React from "react";

/**
 * Quran Solid from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/quran-solid. Sized in em, colored by currentColor.
 */
export function LiaQuranSolidIcon(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 8 3 C 6.355469 3 5 4.355469 5 6 L 5 26 C 5 27.644531 6.355469 29 8 29 L 27 29 L 27 3 Z M 8 5 L 25 5 L 25 23 L 8 23 C 7.648438 23 7.316406 23.074219 7 23.1875 L 7 6 C 7 5.433594 7.433594 5 8 5 Z M 8 6 L 8 22 L 24 22 L 24 6 Z M 10 8 L 22 8 L 22 20 L 10 20 Z M 16 9 C 15.449219 9 15 9.449219 15 10 C 15 10.550781 15.449219 11 16 11 C 16.550781 11 17 10.550781 17 10 C 17 9.449219 16.550781 9 16 9 Z M 16 11 L 13 11 L 13 17 L 19 17 L 19 11 Z M 19 14 C 19 14.550781 19.449219 15 20 15 C 20.550781 15 21 14.550781 21 14 C 21 13.449219 20.550781 13 20 13 C 19.449219 13 19 13.449219 19 14 Z M 16 17 C 15.449219 17 15 17.449219 15 18 C 15 18.550781 15.449219 19 16 19 C 16.550781 19 17 18.550781 17 18 C 17 17.449219 16.550781 17 16 17 Z M 13 14 C 13 13.449219 12.550781 13 12 13 C 11.449219 13 11 13.449219 11 14 C 11 14.550781 11.449219 15 12 15 C 12.550781 15 13 14.550781 13 14 Z M 15 13 L 17 13 L 17 15 L 15 15 Z M 8 25 L 25 25 L 25 27 L 8 27 C 7.433594 27 7 26.566406 7 26 C 7 25.433594 7.433594 25 8 25 Z"
      />
    </svg>
  );
}
With react-icons
import { LiaQuranSolid } from "react-icons/lia";

export function Example() {
  return <LiaQuranSolid className="size-5" />;
}
quran-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 8 3 C 6.355469 3 5 4.355469 5 6 L 5 26 C 5 27.644531 6.355469 29 8 29 L 27 29 L 27 3 Z M 8 5 L 25 5 L 25 23 L 8 23 C 7.648438 23 7.316406 23.074219 7 23.1875 L 7 6 C 7 5.433594 7.433594 5 8 5 Z M 8 6 L 8 22 L 24 22 L 24 6 Z M 10 8 L 22 8 L 22 20 L 10 20 Z M 16 9 C 15.449219 9 15 9.449219 15 10 C 15 10.550781 15.449219 11 16 11 C 16.550781 11 17 10.550781 17 10 C 17 9.449219 16.550781 9 16 9 Z M 16 11 L 13 11 L 13 17 L 19 17 L 19 11 Z M 19 14 C 19 14.550781 19.449219 15 20 15 C 20.550781 15 21 14.550781 21 14 C 21 13.449219 20.550781 13 20 13 C 19.449219 13 19 13.449219 19 14 Z M 16 17 C 15.449219 17 15 17.449219 15 18 C 15 18.550781 15.449219 19 16 19 C 16.550781 19 17 18.550781 17 18 C 17 17.449219 16.550781 17 16 17 Z M 13 14 C 13 13.449219 12.550781 13 12 13 C 11.449219 13 11 13.449219 11 14 C 11 14.550781 11.449219 15 12 15 C 12.550781 15 13 14.550781 13 14 Z M 15 13 L 17 13 L 17 15 L 15 15 Z M 8 25 L 25 25 L 25 27 L 8 27 C 7.433594 27 7 26.566406 7 26 C 7 25.433594 7.433594 25 8 25 Z"
  />
</svg>
Attribution
"Quran Solid" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Related icons: