blob: 3b6732ddf5b6d6d50b730ca61a7a34780b654e33 (
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
|
import { FC } from 'react';
import styles from './home.module.scss';
export type HomeProps = {
/**
* Set additional classnames to the icon.
*/
className?: string;
};
/**
* Home component.
*
* Render a home svg icon.
*/
const Home: FC<HomeProps> = ({ className = '' }) => {
return (
<svg
viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg"
className={`${styles.icon} ${className}`}
>
<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;
|
