Home Reference Source

src/assets/iconsSvgr/HomeIconSvgr.js

import React from 'react';
import Svg, {Circle, Path} from 'react-native-svg';

/**
 * SVGR component depicting the round "home" icon.
 * @param {Object} props - Properties
 * @returns {Object} Round home icon
 */
const HomeIconSvgr = props => (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" {...props}>
        <Circle
            cx={60}
            cy={60}
            r={60}
            style={{
                fill: '#b24341',
            }}
        />
        <Path
            className="b"
            d="M84.06 57.19 80.1 87h-13V66.19a2 2 0 0 0-2-2h-11a2 2 0 0 0-2 2V87h-13l-4-29.76 24.5-20.5ZM75.35 27.05h3.12A1.94 1.94 0 0 1 80.41 29v16.11a1.94 1.94 0 0 1-1.94 1.94A5.06 5.06 0 0 1 73.41 42V29a1.94 1.94 0 0 1 1.94-1.94Z"
            style={{
                fill: '#fbfcfb',
            }}
        />
        <Path
            style={{
                fill: 'none',
                stroke: '#fbfcfb',
                strokeLinecap: 'round',
                strokeLinejoin: 'round',
                strokeWidth: 5,
            }}
            d="m27.93 56.4 31.63-26.21L91.19 56.4"
        />
    </Svg>
);

export default HomeIconSvgr;