import * as React from 'react';
export interface Design24Props extends React.SVGProps<SVGSVGElement> { ariaLabel?: string }
export default function Design24({ ariaLabel, ...props }: Design24Props) {
  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="m22.707 6.293-5-5a1 1 0 0 0-1.414 0l-2.291 2.291 2.706 2.71-1.415 1.413-2.705-2.709-1.586 1.586 1.709 1.709-1.414 1.414-1.709-1.709-1.586 1.586 2.709 2.709-1.414 1.414-2.709-2.709-1.586 1.586 1.709 1.709-1.414 1.414-1.709-1.709-2.295 2.295a1 1 0 0 0 0 1.414l5 5a.997.997 0 0 0 1.414 0l15-15a1 1 0 0 0 0-1.414"/><path d="m4.672 10.086 5.414-5.414-3.379-3.379a1 1 0 0 0-1.414 0l-4 4a1 1 0 0 0 0 1.414zm17.308 6.718a1 1 0 0 0-.273-.511l-2.379-2.379-5.414 5.414 2.379 2.379c.14.14.317.235.511.273l5 1q.098.02.196.02a1 1 0 0 0 .98-1.196z" data-color="color-2"/></g></svg>
  );
}