components/editor-badge/comps/shine_effect.tsx

export const ShineEffect = ({
  size = 8,
  className,
}: {
  size?: number;
  className?: string;
}) => {
  return (
    <svg
      width={size}
      height={size}
      viewBox="0 0 5 5"
      version="1.1"
      className={className}
      xmlns="http://www.w3.org/2000/svg"
    >
      <g
        id="Page-1"
        stroke="none"
        stroke-width="1"
        fill="none"
        fill-rule="evenodd"
      >
        <g
          id="Group"
          transform="translate(-102.000000, 0.000000)"
          fill="#FFFFFF"
          fill-rule="nonzero"
        >
          <polygon
            id="Shape"
            points="104.5 0 105.384 1.616 107 2.5 105.384 3.384 104.5 5 103.616 3.384 102 2.5 103.616 1.616"
          ></polygon>
        </g>
      </g>
    </svg>
  );
};