text: import React from 'react';
  
  import { StyledIcon } from '../StyledIcon';
  
  export const Sun = props => (
    <StyledIcon viewBox='0 0 24 24' a11yTitle='Sun' {...props}>
      <path fillRule='evenodd' clipRule='evenodd' d='M12 1C12.5523 1 13 1.44772 13 2V4C13 4.55228 12.5523 5 12 5C11.4477 5 11 4.55228 11 4V2C11 1.44772 11.4477 1 12 1ZM6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 15.3137 15.3137 18 12 18C8.68629 18 6 15.3137 6 12ZM12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8ZM13 20C13 19.4477 12.5523 19 12 19C11.4477 19 11 19.4477 11 20V22C11 22.5523 11.4477 23 12 23C12.5523 23 13 22.5523 13 22V20ZM23 12C23 12.5523 22.5523 13 22 13H20C19.4477 13 19 12.5523 19 12C19 11.4477 19.4477 11 20 11H22C22.5523 11 23 11.4477 23 12ZM4 13C4.55228 13 5 12.5523 5 12C5 11.4477 4.55228 11 4 11H2C1.44772 11 1 11.4477 1 12C1 12.5523 1.44772 13 2 13H4ZM19.7782 4.22189C20.1687 4.61241 20.1687 5.24558 19.7782 5.6361L18.364 7.05031C17.9735 7.44084 17.3403 7.44084 16.9498 7.05031C16.5592 6.65979 16.5592 6.02662 16.9498 5.6361L18.364 4.22189C18.7545 3.83136 19.3877 3.83136 19.7782 4.22189ZM7.05028 18.3639C7.44081 17.9734 7.44081 17.3402 7.05028 16.9497C6.65976 16.5591 6.0266 16.5591 5.63607 16.9497L4.22186 18.3639C3.83133 18.7544 3.83133 19.3876 4.22186 19.7781C4.61238 20.1686 5.24555 20.1686 5.63607 19.7781L7.05028 18.3639ZM4.22189 4.22181C4.61241 3.83129 5.24558 3.83129 5.6361 4.22181L7.05031 5.63602C7.44084 6.02655 7.44084 6.65971 7.05031 7.05024C6.65979 7.44076 6.02662 7.44076 5.6361 7.05024L4.22189 5.63602C3.83136 5.2455 3.83136 4.61233 4.22189 4.22181ZM18.364 16.9498C17.9735 16.5593 17.3403 16.5593 16.9498 16.9498C16.5593 17.3404 16.5593 17.9735 16.9498 18.3641L18.364 19.7783C18.7545 20.1688 19.3877 20.1688 19.7782 19.7783C20.1687 19.3877 20.1687 18.7546 19.7782 18.3641L18.364 16.9498Z' fill='#000' />
    </StyledIcon>
  );
  