@sexyicons/react/lib/icons/House.js

React components for sexy icons: Icons speak louder than words

import React from 'react';
import { withSVG } from '../helpers/withSVG.js';

const House = ({ color = "currentColor", secondaryColor, set = "line", }) => {
    const Line = () => (React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.1035 4.18158C13.285 2.74188 10.715 2.74188 8.89648 4.18158L4.89648 7.34825C3.69857 8.2966 3 9.74061 3 11.2685V16.0001C3 18.7615 5.23858 21.0001 8 21.0001H16C18.7614 21.0001 21 18.7615 21 16.0001V11.2685C21 9.74061 20.3014 8.2966 19.1035 7.34824L15.1035 4.18158ZM10.1379 5.74967C11.229 4.88585 12.771 4.88585 13.8621 5.74967L17.8621 8.91634C18.5809 9.48535 19 10.3518 19 11.2685V16.0001C19 17.6569 17.6569 19.0001 16 19.0001V18C16 15.7909 14.2091 14 12 14C9.79086 14 8 15.7909 8 18V19.0001C6.34315 19.0001 5 17.6569 5 16.0001V11.2685C5 10.3518 5.41914 9.48535 6.13789 8.91634L10.1379 5.74967ZM10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18V19H10V18Z", fill: color }));
    const Solid = () => (React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.08182 3.86595C10.8254 2.61272 13.1746 2.61272 14.9182 3.86595L18.9182 6.74095C20.2252 7.68034 21 9.19147 21 10.801V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16V10.801C3 9.19147 3.77484 7.68034 5.08182 6.74095L9.08182 3.86595ZM8 18C8 15.7909 9.79086 14 12 14C14.2091 14 16 15.7909 16 18C16 18.5523 15.5523 19 15 19H9C8.44771 19 8 18.5523 8 18Z", fill: color }));
    const Lineal = () => (React.createElement(React.Fragment, null,
        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 16C10.8954 16 10 16.8954 10 18V19H14V18C14 16.8954 13.1046 16 12 16ZM8 18C8 15.7909 9.79086 14 12 14C14.2091 14 16 15.7909 16 18V20C16 20.5523 15.5523 21 15 21H9C8.44772 21 8 20.5523 8 20V18Z", fill: secondaryColor }),
        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.89648 4.18152C10.715 2.74182 13.285 2.74182 15.1035 4.18152L19.1035 7.34818C20.3014 8.29654 21 9.74055 21 11.2684V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16V11.2684C3 9.74055 3.69857 8.29654 4.89648 7.34818L8.89648 4.18152ZM13.8621 5.74961C12.771 4.88579 11.229 4.88579 10.1379 5.74961L6.13789 8.91628C5.41914 9.48529 5 10.3517 5 11.2684V16C5 17.6569 6.34315 19 8 19H16C17.6569 19 19 17.6569 19 16V11.2684C19 10.3517 18.5809 9.48529 17.8621 8.91628L13.8621 5.74961Z", fill: color })));
    const Bulk = () => (React.createElement(React.Fragment, null,
        React.createElement("path", { d: "M15.1035 4.18158C13.285 2.74188 10.715 2.74188 8.89648 4.18158L4.89648 7.34825C3.69857 8.2966 3 9.74061 3 11.2685V16.0001C3 18.7615 5.23858 21.0001 8 21.0001H16C18.7614 21.0001 21 18.7615 21 16.0001V11.2685C21 9.74061 20.3014 8.2966 19.1035 7.34824L15.1035 4.18158Z", fill: secondaryColor }),
        React.createElement("path", { d: "M12 14C9.79086 14 8 15.7909 8 18C8 18.5523 8.44772 19 9 19H15C15.5523 19 16 18.5523 16 18C16 15.7909 14.2091 14 12 14Z", fill: color })));
    switch (set) {
        case "solid":
            return React.createElement(Solid, null);
        case "lineal":
            return React.createElement(Lineal, null);
        case "bulk":
            return React.createElement(Bulk, null);
        default:
            return React.createElement(Line, null);
    }
};
var House$1 = withSVG(House);

export { House, House$1 as default };
//# sourceMappingURL=House.js.map