summaryrefslogtreecommitdiffstats
path: root/src/components/atoms/icons/home.tsx
blob: dd39b15a875f968f394943473a4b1f9f3ffb7a49 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
import { FC } from 'react';
import styles from './home.module.scss';

export type HomeProps = {
  /**
   * Should the svg be hidden from assistive technologies?
   */
  'aria-hidden'?: boolean;
  /**
   * Set additional classnames to the icon.
   */
  className?: string;
};

/**
 * Home component.
 *
 * Render a home svg icon.
 */
const Home: FC<HomeProps> = ({ className = '', ...props }) => {
  return (
    <svg
      viewBox="0 0 100 100"
      xmlns="http://www.w3.org/2000/svg"
      className={`${styles.icon} ${className}`}
      {...props}
    >
      <path
        className={styles.wall}
        d="M 9.2669392,15.413749 H 90.709833 V 97.751815 H 9.2669392 Z"
      />
      <path
        className={styles.indoor}
        d="m 39.190941,65.836418 h 21.594871 v 31.91539 H 39.190941 Z"
      />
      <path
        className={styles.door}
        d="m 39.190941,65.836418 h 21.594871 v 31.91539 H 39.190941 Z"
      />
      <path
        className={styles.roof}
        d="M 4.8219096,11.719266 H 94.720716 l 3.47304,33.365604 H 1.7830046 Z"
      />
      <path
        className={styles.chimney}
        d="M 70.41848,2.2481852 H 82.957212 V 22.636212 H 70.41848 Z"
      />
      <path
        className={styles.lines}
        d="M 3.9536645,19.342648 H 61.003053 v 3.293563 H 3.9536645 Z"
      />
      <path
        className={styles.lines}
        d="m 38.973709,32.057171 h 57.049389 v 3.293563 H 38.973709 Z"
      />
    </svg>
  );
};

export default Home;