Feed.tsx

import * as React from 'react';
import { SVGProps } from 'react';
import type { IconProps } from '@assets/iconProps';

const Feed = (props: IconProps) => (
  <svg
    viewBox="0 0 22 22"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <rect
      x={0.5}
      y={0.5}
      width={21}
      height={21}
      rx={3.5}
      fill="#fff"
      stroke="#AFAEB6"
    />
    <path
      d="M4.118 7.41a.438.438 0 0 1 0-.82l1.617-.595a.438.438 0 0 0 .26-.26l.594-1.617a.438.438 0 0 1 .822 0l.594 1.617c.044.12.14.216.26.26l1.617.594c.383.14.383.681 0 .822l-1.617.594a.438.438 0 0 0-.26.26l-.594 1.617a.438.438 0 0 1-.822 0l-.594-1.617a.438.438 0 0 0-.26-.26l-1.617-.594Z"
      fill="#AFAEB6"
    />
    <rect
      opacity={0.3}
      x={4}
      y={12.5}
      width={9}
      height={2}
      rx={0.438}
      fill="#AFAEB6"
    />
    <rect
      opacity={0.3}
      x={4}
      y={16.5}
      width={13}
      height={2}
      rx={0.438}
      fill="#AFAEB6"
    />
  </svg>
);

export default Feed;