import * as React from 'react';
const UserLayout = ({ active }: any) => (
  <svg xmlns='http://www.w3.org/2000/svg' width={32} height={32} fill='none'>
    <path
      fill={active ? '#1D4787' : '#CBD1DB'}
      d='M16.212 15.495h-.107a.726.726 0 0 0-.24 0c-3.867-.12-6.787-3.16-6.787-6.907 0-3.813 3.107-6.92 6.92-6.92 3.813 0 6.92 3.107 6.92 6.92-.013 3.747-2.947 6.787-6.666 6.907h-.04Zm-.214-11.827a4.934 4.934 0 0 0-4.92 4.92 4.885 4.885 0 0 0 4.734 4.907c.066-.014.253-.014.426 0 2.614-.12 4.667-2.267 4.68-4.907a4.934 4.934 0 0 0-4.92-4.92ZM16.226 30.065c-2.613 0-5.24-.666-7.227-2-1.853-1.226-2.866-2.906-2.866-4.733 0-1.827 1.013-3.52 2.866-4.76 4-2.653 10.48-2.653 14.454 0 1.84 1.227 2.866 2.907 2.866 4.733 0 1.827-1.013 3.52-2.866 4.76-2 1.334-4.614 2-7.227 2Zm-6.12-9.813c-1.28.853-1.973 1.947-1.973 3.093 0 1.134.706 2.227 1.973 3.067 3.32 2.227 8.92 2.227 12.24 0 1.28-.853 1.973-1.947 1.973-3.093 0-1.134-.706-2.227-1.973-3.067-3.32-2.213-8.92-2.213-12.24 0Z'
    />
  </svg>
);
export default UserLayout;