import * as React from 'react';
export interface Spade24Props extends React.SVGProps<SVGSVGElement> { ariaLabel?: string }
export default function Spade24({ ariaLabel, ...props }: Spade24Props) {
  return (
    <svg viewBox="0 0 24 24" width="1em" height="1em" fill="currentColor"
         role={ariaLabel ? 'img' : 'presentation'}
         aria-label={ariaLabel || undefined}
         {...props}><g fill="currentColor"><path d="m10.828 17.414-1.707 1.707a3 3 0 1 1-4.242-4.242l1.707-1.707-.879-.879a1 1 0 0 0-1.414 0l-2 2C0 16.586 0 17.944 0 23a1 1 0 0 0 1 1c5.056 0 6.414 0 8.707-2.293l2-2a1 1 0 0 0 0-1.414Z" data-color="color-2"/><path d="m23.707 4.293-4-4a1 1 0 0 0-1.414 0l-2 2A1 1 0 0 0 16 3v3.586l-9.707 9.707a1 1 0 1 0 1.414 1.414L17.414 8H21a1 1 0 0 0 .707-.293l2-2a1 1 0 0 0 0-1.414M20.586 6H18V3.414l1-1L21.586 5Z"/></g></svg>
  );
}