Icons

Overview

This module exports several standalone SVG icon components used throughout the application. These are separate from general icon libraries (like Lucide) and are often custom-designed or specific to this project's theme.

Usage

import { ArrowRightIcon, SpinnerIcon, ChevronIcon } from '@/components/core/icons';

function Buttons() {
  return (
    <>
      <button>
        Next <ArrowRightIcon className="ml-2" />
      </button>
      
      <SpinnerIcon className="animate-spin" />
      
      {/* Chevron with state */}
      <ChevronIcon open={true} />
    </>
  );
}

Available Icons

ArrowRightIcon

A simple right-pointing arrow with hover animation effects (line and arrowhead move).

• Props: Standard SVG props.

ArrowUpIcon

An upward-pointing arrow with hover animation.

• Props: Standard SVG props.

SpinnerIcon

A loading spinner icon with built-in SVG animations (rotation and dash offset).

• Props: Standard SVG props.

ChevronIcon

A chevron that rotates based on an open prop. Useful for accordions or dropdowns.

• Props:
  • open: boolean - If true, points down (or rotates 45deg depending on implementation).
  • Standard span props.