@pinuts/bsr-uikit-relaunch
Version:
BSR UI-KIT Relaunch
53 lines (48 loc) • 2.14 kB
JSX
import React, { useId } from 'react';
import PropTypes from 'prop-types';
import Icon40PropValues from '../_defaultIconPropValues.ts';
const Home = (props) => {
const {
width = Icon40PropValues.width,
height = Icon40PropValues.height,
stroke = Icon40PropValues.stroke,
fill = Icon40PropValues.fill,
...restProps
} = props;
const id = useId();
return (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width={width}
height={height}
{...restProps}
fill="none"
>
<g clipPath={`url(#${id})`}>
<path
fill={fill}
stroke={stroke}
strokeWidth={0.4}
d="M18.845 23H15.86a1.79 1.79 0 0 1-1.66-1.66v-5.915a.245.245 0 0 0-.245-.245h-3.91a.245.245 0 0 0-.245.245v5.865c-.055.94-.77 1.655-1.67 1.71H5.105a1.79 1.79 0 0 1-1.66-1.66v-7.63H2.71c-.66
0-1.25-.39-1.535-1.01a1.79 1.79 0 0 1 .245-1.91.2.2 0 0 1 .04-.04l8.555-8.555C10.775 1.44 11.215 1 12 1c.715 0 1.185.445 1.735.955l.23.215.02.02 8.555 8.555.04.04c.445.52.54 1.27.245
1.91-.285.625-.875 1.01-1.535 1.01h-.735v7.635a1.796 1.796 0 0 1-1.655 1.655h-.055zm-2.9-1.465h2.865a.33.33 0 0 0 .28-.28V12.98c0-.405.33-.735.735-.735h1.465c.115 0
.175-.1.205-.16.04-.09.06-.225-.015-.33l-8.75-8.73c-.305-.29-.595-.56-.73-.56-.165 0-.32.14-.92.735l-8.555 8.56c-.075.1-.055.24-.015.33.025.06.09.16.205.16H4.18c.405 0
.735.33.735.735v8.28c.02.145.13.26.275.275h2.9c.11-.01.235-.13.245-.29v-5.825c0-.945.765-1.71 1.71-1.71h3.91c.945 0 1.71.77 1.71 1.71v5.835c.02.145.13.26.275.275z"
/>
</g>
<defs>
<clipPath id={id}>
<path fill="#fff" d="M0 0h24v24H0z" />
</clipPath>
</defs>
</svg>
);
};
Home.propTypes = {
width: PropTypes.string,
height: PropTypes.string,
fill: PropTypes.string,
stroke: PropTypes.string,
};
export default Home;