Sync icons with SVGR generation (#1054)

* Sync icons with SVGO generation

* missing icons

lib/icons/app/AlertCircle.tsx

@@ -1,5 +1,5 @@
 import type { SVGProps } from "react";
 import { Ref, forwardRef } from "react";
-const SvgAlertCircle = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" ref={ref} {...props}><path fill="currentColor" fillRule="evenodd" d="M4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM12.65 14.9C12.65 14.541 12.359 14.25 12 14.25C11.641 14.25 11.35 14.541 11.35 14.9L11.35 15C11.35 15.359 11.641 15.65 12 15.65C12.359 15.65 12.65 15.359 12.65 15L12.65 14.9ZM12.65 8.89999C12.65 8.54101 12.359 8.24999 12 8.24999C11.641 8.24999 11.35 8.54101 11.35 8.89999L11.35 11.9C11.35 12.259 11.641 12.55 12 12.55C12.359 12.55 12.65 12.259 12.65 11.9L12.65 8.89999Z" clipRule="evenodd" vectorEffect="non-scaling-stroke" /></svg>;
+const SvgAlertCircle = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" ref={ref} {...props}><path fill="currentColor" d="M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11.0325 8.05964C10.9888 7.49582 11.4345 7.01416 12 7.01416C12.5655 7.01416 13.0112 7.49582 12.9675 8.05964L12.6647 11.9598C12.6377 12.3069 12.3482 12.5748 12 12.5748C11.6518 12.5748 11.3623 12.3069 11.3353 11.9598L11.0325 8.05964ZM13 15.001C13 15.5533 12.5523 16.001 12 16.001C11.4477 16.001 11 15.5533 11 15.001C11 14.4487 11.4477 14.001 12 14.001C12.5523 14.001 13 14.4487 13 15.001Z" vectorEffect="non-scaling-stroke" /></svg>;
 const ForwardRef = forwardRef(SvgAlertCircle);
 export default ForwardRef;

lib/icons/app/CrossedCircle.tsx

@@ -0,0 +1,5 @@
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+const SvgCrossedCircle = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" ref={ref} {...props}><path fill="currentColor" fillRule="evenodd" d="M3.35001 12C3.35001 7.22273 7.22274 3.35 12 3.35C16.7773 3.35 20.65 7.22273 20.65 12C20.65 16.7773 16.7773 20.65 12 20.65C7.22274 20.65 3.35001 16.7773 3.35001 12ZM9.45963 8.54038C9.20578 8.28654 8.79423 8.28654 8.54039 8.54038C8.28655 8.79422 8.28655 9.20578 8.54039 9.45962L11.0808 12L8.54039 14.5404C8.28655 14.7942 8.28655 15.2058 8.54039 15.4596C8.79423 15.7135 9.20578 15.7135 9.45963 15.4596L12 12.9192L14.5404 15.4596C14.7942 15.7135 15.2058 15.7135 15.4596 15.4596C15.7135 15.2058 15.7135 14.7942 15.4596 14.5404L12.9192 12L15.4596 9.45962C15.7135 9.20578 15.7135 8.79422 15.4596 8.54038C15.2058 8.28654 14.7942 8.28654 14.5404 8.54038L12 11.0808L9.45963 8.54038Z" clipRule="evenodd" vectorEffect="non-scaling-stroke" /></svg>;
+const ForwardRef = forwardRef(SvgCrossedCircle);
+export default ForwardRef;

lib/icons/app/PauseCircle.tsx

@@ -0,0 +1,5 @@
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+const SvgPauseCircle = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" ref={ref} {...props}><path fill="currentColor" fillRule="evenodd" d="M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM10 8.35C10.359 8.35 10.65 8.64101 10.65 9V15C10.65 15.359 10.359 15.65 10 15.65C9.64102 15.65 9.35001 15.359 9.35001 15V9C9.35001 8.64101 9.64102 8.35 10 8.35ZM14.65 9C14.65 8.64101 14.359 8.35 14 8.35C13.641 8.35 13.35 8.64101 13.35 9V15C13.35 15.359 13.641 15.65 14 15.65C14.359 15.65 14.65 15.359 14.65 15V9Z" clipRule="evenodd" vectorEffect="non-scaling-stroke" /></svg>;
+const ForwardRef = forwardRef(SvgPauseCircle);
+export default ForwardRef;

lib/icons/app/SolidPause.tsx

@@ -1,5 +1,5 @@
 import type { SVGProps } from "react";
 import { Ref, forwardRef } from "react";
-const SvgSolidPause = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" ref={ref} {...props}><path fill="#0D1625" fillRule="evenodd" d="M6 7V17C6 18.1046 6.89543 19 8 19C9.10457 19 10 18.1046 10 17V7C10 5.89543 9.10457 5 8 5C6.89543 5 6 5.89543 6 7ZM14 7V17C14 18.1046 14.8954 19 16 19C17.1046 19 18 18.1046 18 17V7C18 5.89543 17.1046 5 16 5C14.8954 5 14 5.89543 14 7Z" clipRule="evenodd" vectorEffect="non-scaling-stroke" /></svg>;
+const SvgSolidPause = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" ref={ref} {...props}><path fill="currentColor" d="M5.99999 17V6.99999C5.99999 5.89542 6.89542 4.99999 7.99999 4.99999C9.10456 4.99999 9.99999 5.89542 9.99999 6.99999V17C9.99999 18.1046 9.10456 19 7.99999 19C6.89542 19 5.99999 18.1046 5.99999 17Z" vectorEffect="non-scaling-stroke" /><path fill="currentColor" d="M14 17V6.99999C14 5.89542 14.8954 4.99999 16 4.99999C17.1046 4.99999 18 5.89542 18 6.99999V17C18 18.1046 17.1046 19 16 19C14.8954 19 14 18.1046 14 17Z" vectorEffect="non-scaling-stroke" /></svg>;
 const ForwardRef = forwardRef(SvgSolidPause);
 export default ForwardRef;

lib/icons/app/SolidPlay.tsx

@@ -1,5 +1,5 @@
 import type { SVGProps } from "react";
 import { Ref, forwardRef } from "react";
-const SvgSolidPlay = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" ref={ref} {...props}><path fill="currentColor" d="M5.99988 16.5537V7.44638C5.99988 5.91073 7.65884 4.948 8.99216 5.70989L16.961 10.2635C18.3047 11.0313 18.3047 12.9687 16.961 13.7365L8.99216 18.2901C7.65884 19.052 5.99988 18.0893 5.99988 16.5537Z" vectorEffect="non-scaling-stroke" /></svg>;
+const SvgSolidPlay = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" ref={ref} {...props}><path fill="currentColor" d="M5.99988 16.5536V7.44636C5.99988 5.91072 7.65884 4.94798 8.99216 5.70988L16.961 10.2635C18.3047 11.0313 18.3047 12.9687 16.961 13.7365L8.99216 18.2901C7.65884 19.052 5.99988 18.0893 5.99988 16.5536Z" vectorEffect="non-scaling-stroke" /></svg>;
 const ForwardRef = forwardRef(SvgSolidPlay);
 export default ForwardRef;

lib/icons/app/index.ts

@@ -31,6 +31,7 @@ export { default as Coffee } from './Coffee'
 export { default as Comment } from './Comment'
 export { default as CreditCard } from './CreditCard'
 export { default as Cross } from './Cross'
+export { default as CrossedCircle } from './CrossedCircle'
 export { default as Delete } from './Delete'
 export { default as Desktop } from './Desktop'
 export { default as DollarBill } from './DollarBill'
@@ -76,6 +77,7 @@ export { default as MoneyBag } from './MoneyBag'
 export { default as Money } from './Money'
 export { default as Office } from './Office'
 export { default as PalmTree } from './PalmTree'
+export { default as PauseCircle } from './PauseCircle'
 export { default as Pencil } from './Pencil'
 export { default as People } from './People'
 export { default as Person } from './Person'