components/icons.tsx

Reusable SVG icons for UI elements, including thick variants for navigation and indicators.

// Source: https://github.com/radix-ui/themes | License: MIT | Copyright 2023 WorkOS
// Provided via justclaw.it.com; keep this notice with the code.
import React from 'react';

import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';

type IconElement = React.ElementRef<'svg'>;
interface IconProps extends ComponentPropsWithout<'svg', RemovedProps | 'children'> {}

const ThickDividerHorizontalIcon = React.forwardRef<IconElement, IconProps>(
  (props, forwardedRef) => {
    return (
      <svg
        width="9"
        height="9"
        viewBox="0 0 9 9"
        fill="currentcolor"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          fillRule="evenodd"
          clipRule="evenodd"
         

... (truncated -- full source via MCP)