@nant-design/nant-icons/dist/react/HappyOutline.jsx

import React from 'react';
export const HappyOutline = ({fill="currentColor",...other}) => {
  return <svg width='1.33em' height='1.33em' fill={fill} viewBox="0 0 512 512" {...other}>
<circle cx="184" cy="232" r="24"/>

<path d="M256.05 384c-45.42 0-83.62-29.53-95.71-69.83a8 8 0 0 1 7.82-10.17h175.69a8 8 0 0 1 7.82 10.17c-11.99 40.3-50.2 69.83-95.62 69.83Z"/>

<circle cx="328" cy="232" r="24"/>

<circle cx="256" cy="256" r="208" fill="none" stroke={fill} strokeMiterlimit="10" strokeWidth="32"/>
</svg>;
};