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 · RiGobletBrokenLine

Goblet Broken Line icon

A free goblet broken 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/goblet-broken-line.json
components/icons/remix-goblet-broken-line.tsx
import * as React from "react";

/**
 * Goblet Broken Line from Remix Icon (https://github.com/Remix-Design/RemixIcon), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/remix/goblet-broken-line. Sized in em, colored by currentColor.
 */
export function RiGobletBrokenLineIcon(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="M17.867 2L18.989 9.8584C19.2911 11.9726 18.468 13.7895 17.1091 15.0469C16.0043 16.0691 14.5407 16.7321 12.9998 16.9346V20H17.9998V22H5.99977V20H10.9998V16.9346C9.45891 16.7322 7.9952 16.069 6.89039 15.0469C5.53153 13.7895 4.7075 11.9726 5.00953 9.8584L6.13258 2H17.867ZM14.0769 4L13.5662 4.88379L16.1648 6.38379L13.4148 11.1475L11.6824 10.1475L13.4324 7.11621L10.8347 5.61621L11.7683 4H7.86695L6.98902 10.1416C6.79115 11.5273 7.31117 12.7105 8.24879 13.5781C9.20342 14.4614 10.5824 15 11.9998 15C13.417 14.9999 14.7962 14.4614 15.7507 13.5781C16.6882 12.7105 17.2074 11.5272 17.0095 10.1416L16.1326 4H14.0769Z"
      />
    </svg>
  );
}
With react-icons
import { RiGobletBrokenLine } from "react-icons/ri";

export function Example() {
  return <RiGobletBrokenLine className="size-5" />;
}
goblet-broken-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="M17.867 2L18.989 9.8584C19.2911 11.9726 18.468 13.7895 17.1091 15.0469C16.0043 16.0691 14.5407 16.7321 12.9998 16.9346V20H17.9998V22H5.99977V20H10.9998V16.9346C9.45891 16.7322 7.9952 16.069 6.89039 15.0469C5.53153 13.7895 4.7075 11.9726 5.00953 9.8584L6.13258 2H17.867ZM14.0769 4L13.5662 4.88379L16.1648 6.38379L13.4148 11.1475L11.6824 10.1475L13.4324 7.11621L10.8347 5.61621L11.7683 4H7.86695L6.98902 10.1416C6.79115 11.5273 7.31117 12.7105 8.24879 13.5781C9.20342 14.4614 10.5824 15 11.9998 15C13.417 14.9999 14.7962 14.4614 15.7507 13.5781C16.6882 12.7105 17.2074 11.5272 17.0095 10.1416L16.1326 4H14.0769Z"
  />
</svg>
Attribution
"Goblet Broken Line" icon from Remix Icon (https://github.com/Remix-Design/RemixIcon), licensed under Apache License Version 2.0.

Related icons: