import * as React from 'react';
export interface SystemPreferences24Props extends React.SVGProps<SVGSVGElement> { ariaLabel?: string }
export default function SystemPreferences24({ ariaLabel, ...props }: SystemPreferences24Props) {
  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="M5 11V1a1 1 0 0 0-2 0v10z"/><path d="M13 3V1a1 1 0 0 0-2 0v2z" data-color="color-2"/><path d="M21 11V1a1 1 0 0 0-2 0v10zM4 13c-2.206 0-4 1.794-4 4 0 1.858 1.28 3.411 3 3.858V23a1 1 0 0 0 2 0v-2.142c1.72-.447 3-2 3-3.858 0-2.206-1.794-4-4-4"/><path d="M16 9c0-2.206-1.794-4-4-4S8 6.794 8 9c0 1.858 1.28 3.411 3 3.858V23a1 1 0 0 0 2 0V12.858c1.72-.447 3-2 3-3.858" data-color="color-2"/><path d="M24 17c0-2.206-1.794-4-4-4s-4 1.794-4 4c0 1.858 1.28 3.411 3 3.858V23a1 1 0 0 0 2 0v-2.142c1.72-.447 3-2 3-3.858"/></g></svg>
  );
}