@delvicons/icons/dist/react/components/LoadingSpinner.ts

DelvIcons - Comprehensive icon library with static and animated SVG icons for all frameworks

import React from 'react';
import { IconProps } from '../types';

export const LoadingSpinner: React.FC<IconProps> = ({ 
  size = 24, 
  color = 'currentColor', 
  className = '',
  animated = true,
  ...props 
}) => (
  <svg
    width={size}
    height={size}
    viewBox="0 0 24 24"
    fill="none"
    className={`delv-icon delv-icon-loading-spinner ${animated ? 'delv-animated' : ''} ${className}`}
    {...props}
  >
    <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-dasharray="31.416" stroke-dashoffset="31.416">
    <animate attributeName="stroke-dasharray" dur="2s" values="0 31.416;15.708 15.708;0 31.416" repeatCount="indefinite"/>
    <animate attributeName="stroke-dashoffset" dur="2s" values="0;-15.708;-31.416" repeatCount="indefinite"/>
    <animateTransform attributeName="transform" type="rotate" dur="2s" values="0 12 12;360 12 12" repeatCount="indefinite"/>
  </circle>
  </svg>
);

LoadingSpinner.displayName = 'LoadingSpinner';