diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-09-28 18:03:43 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-10-24 12:25:00 +0200 |
| commit | 837e0e904c40f7b87561c34ca3f49edd5d8d1c52 (patch) | |
| tree | 37835dd2c84ed770b5719152aab0b74d93c0878c /src/components/atoms/icons/envelop.tsx | |
| parent | d17d894f398650209c0ddd29502308de8c07bd93 (diff) | |
feat(components): replace icons with a generic Icon component
Sizes are also predefined and can be set using the `size` prop,
so the consumers should no longer adjust the size in CSS.
Diffstat (limited to 'src/components/atoms/icons/envelop.tsx')
| -rw-r--r-- | src/components/atoms/icons/envelop.tsx | 61 |
1 files changed, 0 insertions, 61 deletions
diff --git a/src/components/atoms/icons/envelop.tsx b/src/components/atoms/icons/envelop.tsx deleted file mode 100644 index 968c51f..0000000 --- a/src/components/atoms/icons/envelop.tsx +++ /dev/null @@ -1,61 +0,0 @@ -import { FC, SVGAttributes } from 'react'; -import styles from './envelop.module.scss'; - -export type EnvelopProps = SVGAttributes<SVGElement>; - -/** - * Envelop Component - * - * Render an envelop svg icon. - */ -export const Envelop: FC<EnvelopProps> = ({ className = '', ...props }) => { - return ( - <svg - {...props} - className={`${styles.icon} ${className}`} - viewBox="0 0 100 100" - xmlns="http://www.w3.org/2000/svg" - > - <path - className={styles.background} - d="M 1.5262527,42.535416 H 98.473747 V 98.371662 H 1.5262527 Z" - /> - <path - className={styles.envelop} - d="m 49.999985,1.6283075 c 2.855148,0 48.473753,40.8563885 48.473753,40.8563885 H 1.5262359 c 0,0 45.6186001,-40.8563885 48.4737491,-40.8563885 z" - /> - <path - className={styles.paper} - d="M 8.3434839,28.463842 H 91.656465 V 97.348661 H 8.3434839 Z" - /> - <path - className={styles.envelop} - d="M 49.999985,63.571925 98.473738,98.371692 H 1.5262359 Z" - /> - <path - className={styles.lines} - d="m 24.562439,37.640923 h 50.875053 v 1.5 H 24.562439 Z" - /> - <path - className={styles.lines} - d="m 24.562439,45.140923 h 50.875053 v 1.5 H 24.562439 Z" - /> - <path - className={styles.lines} - d="m 24.562443,52.640923 h 50.875053 v 1.5 H 24.562443 Z" - /> - <path - className={styles.lines} - d="M 24.562447,60.140923 H 75.4375 v 1.5 H 24.562447 Z" - /> - <path - className={styles.envelop} - d="M 39.93749,70.965004 1.5262559,43.55838 v 54.813242 z" - /> - <path - className={styles.envelop} - d="M 60.0625,70.965004 98.473738,43.55838 v 54.813242 z" - /> - </svg> - ); -}; |
