gen icons, add favorites

src/assets/icons/components/PersonAdd.tsx

@@ -0,0 +1,30 @@
+import type { SVGProps } from 'react'
+import { Ref, forwardRef, memo } from 'react'
+const SvgPersonAdd = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
+  <svg
+    fill={'none'}
+    height={'1em'}
+    ref={ref}
+    viewBox={'0 0 24 24'}
+    width={'1em'}
+    xmlns={'http://www.w3.org/2000/svg'}
+    {...props}
+  >
+    <g clipPath={'url(#person-add_svg__a)'} fill={'currentcolor'}>
+      <path
+        d={
+          'M21 6h-1V5a1 1 0 0 0-2 0v1h-1a1 1 0 1 0 0 2h1v1a1 1 0 0 0 2 0V8h1a1 1 0 1 0 0-2M10 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8M16 21a1 1 0 0 0 1-1 7 7 0 1 0-14 0 1 1 0 0 0 1 1'
+        }
+      />
+    </g>
+    <defs>
+      <clipPath id={'person-add_svg__a'}>
+        <path d={'M0 0h24v24H0z'} fill={'#fff'} />
+      </clipPath>
+    </defs>
+  </svg>
+)
+const ForwardRef = forwardRef(SvgPersonAdd)
+const Memo = memo(ForwardRef)
+
+export default Memo