import * as React from 'react';
import styled from 'styled-components';

export interface IProps {
  width?: number;
  height?: number;
  color?: string;
  css?: string;
}

const Nutri = styled.svg<IProps>`
  fill:none;
  stroke-miterlimit: 10;
  stroke-width: 2px;
  stroke: currentColor;
  stroke-linecap: square; 
`;

export default React.memo(({ width, height, color, ...props }: IProps) => (
  <Nutri xmlns='http://www.w3.org/2000/svg' width={width || 26} height={height || 27} viewBox='0 0 26 27' {...props}>
    <g>
      <path d="M13.5 24.342A7.715 7.715 0 0 1 8.72 26a4.71 4.71 0 0 1-2.758-.882 6.323 6.323 0 0 1-1.5-1.577A20.1 20.1 0 0 1 1 12.234v.137a7.717 7.717 0 0 1 12.5-6.057A7.717 7.717 0 0 1 26 12.372v-.137a20.163 20.163 0 0 1-3.454 11.307 6.323 6.323 0 0 1-1.5 1.577 4.767 4.767 0 0 1-2.758.882 7.715 7.715 0 0 1-4.788-1.659z" />
      <path d="M15.332 1a1.84 1.84 0 0 0-1.836 1.836v3.47"/>
    </g>
  </Nutri>
));