Skip to content
Cuelark UI

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

Remix Icon · RiGhost3Line

Ghost3 Line icon

A free ghost3 line icon from Remix Icon, 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
Apache License Version 2.0
Project
github.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/remix/ghost3-line.json
components/icons/remix-ghost3-line.tsx
import * as React from "react";

/**
 * Ghost3 Line from Remix Icon (https://github.com/Remix-Design/RemixIcon), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/remix/ghost3-line. Sized in em, colored by currentColor.
 */
export function RiGhost3LineIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 24 24"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M12 2C16.9706 2 21 6.02944 21 11V19C21 19.2652 20.8946 19.5195 20.707 19.707L18.707 21.707C18.37 22.0441 17.8419 22.0964 17.4453 21.832L15 20.2012L12.5547 21.832C12.2188 22.056 11.7812 22.056 11.4453 21.832L9 20.2012L6.55469 21.832C6.15806 22.0964 5.63003 22.0441 5.29297 21.707L3.29297 19.707C3.10543 19.5195 3 19.2652 3 19V11C3 6.02944 7.02944 2 12 2ZM12 4C8.13401 4 5 7.13401 5 11V18.5859L6.12695 19.7129L8.44531 18.168L8.5752 18.0947C8.88867 17.9475 9.26063 17.9719 9.55469 18.168L12 19.7979L14.4453 18.168L14.5752 18.0947C14.8887 17.9475 15.2606 17.9719 15.5547 18.168L17.8721 19.7129L19 18.5859V11C19 7.13401 15.866 4 12 4ZM9.5 8C10.3284 8 11 8.67157 11 9.5C11 10.3284 10.3284 11 9.5 11C8.67157 11 8 10.3284 8 9.5C8 8.67157 8.67157 8 9.5 8ZM14.5 8C15.3284 8 16 8.67157 16 9.5C16 10.3284 15.3284 11 14.5 11C13.6716 11 13 10.3284 13 9.5C13 8.67157 13.6716 8 14.5 8Z"
      />
    </svg>
  );
}
With react-icons
import { RiGhost3Line } from "react-icons/ri";

export function Example() {
  return <RiGhost3Line className="size-5" />;
}
ghost3-line.svg
<svg
  viewBox="0 0 24 24"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M12 2C16.9706 2 21 6.02944 21 11V19C21 19.2652 20.8946 19.5195 20.707 19.707L18.707 21.707C18.37 22.0441 17.8419 22.0964 17.4453 21.832L15 20.2012L12.5547 21.832C12.2188 22.056 11.7812 22.056 11.4453 21.832L9 20.2012L6.55469 21.832C6.15806 22.0964 5.63003 22.0441 5.29297 21.707L3.29297 19.707C3.10543 19.5195 3 19.2652 3 19V11C3 6.02944 7.02944 2 12 2ZM12 4C8.13401 4 5 7.13401 5 11V18.5859L6.12695 19.7129L8.44531 18.168L8.5752 18.0947C8.88867 17.9475 9.26063 17.9719 9.55469 18.168L12 19.7979L14.4453 18.168L14.5752 18.0947C14.8887 17.9475 15.2606 17.9719 15.5547 18.168L17.8721 19.7129L19 18.5859V11C19 7.13401 15.866 4 12 4ZM9.5 8C10.3284 8 11 8.67157 11 9.5C11 10.3284 10.3284 11 9.5 11C8.67157 11 8 10.3284 8 9.5C8 8.67157 8.67157 8 9.5 8ZM14.5 8C15.3284 8 16 8.67157 16 9.5C16 10.3284 15.3284 11 14.5 11C13.6716 11 13 10.3284 13 9.5C13 8.67157 13.6716 8 14.5 8Z"
  />
</svg>
Attribution
"Ghost3 Line" icon from Remix Icon (https://github.com/Remix-Design/RemixIcon), licensed under Apache License Version 2.0.

Related icons: