@pinuts/bsr-uikit-relaunch/dist/assets/Icons/Functional/ArrowUpRight.jsx

BSR UI-KIT Relaunch

import React, { useId } from 'react';
import PropTypes from 'prop-types';
import Icon40PropValues from '../_defaultIconPropValues.ts';

const ArrowUpRight = (props) => {
    const {
        width = Icon40PropValues.width,
        height = Icon40PropValues.height,
        fill = Icon40PropValues.fill,
        ...restProps
    } = props;
    delete restProps.stroke;
    const id = useId();

    return (
        <svg
            width={width}
            height={height}
            {...restProps}
            viewBox="0 0 24 24"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
        >
            <g clipPath={`url(#${id})`}>
                <path
                    d="M19.4435 5.97246L5.63728 19.7787C5.24837 20.1676 4.61198 20.1676 4.22307 19.7787C3.83416 19.3898 3.83416 18.7534 4.22307 18.3645L18.0293 4.55825C18.4182 4.16934 19.0546 4.16934 19.4435 4.55825C19.8325 4.94716 19.8325 5.58355 19.4435 5.97246Z"
                    fill={fill}
                />
                <path
                    d="M19.7794 14.3906C19.5991 14.5709 19.3481 14.6805 19.0723 14.6805C18.5208 14.6805 18.0717 14.2315 18.0717 13.6799L18.0717 4.92595C18.0717 4.37441 18.5208 3.92539 19.0723 3.92539C19.6238 3.92539 20.0729 4.37441 20.0729 4.92595L20.0729 13.6799C20.0729 13.9557 19.9633 14.2067 19.7829 14.387L19.7794 14.3906Z"
                    fill={fill}
                />
                <path
                    d="M19.7794 5.63659C19.5991 5.8169 19.3481 5.92651 19.0723 5.92651L10.3183 5.92651C9.76678 5.92651 9.31777 5.47749 9.31777 4.92595C9.31777 4.37441 9.76678 3.92539 10.3183 3.92539L19.0723 3.92539C19.6239 3.92539 20.0729 4.37441 20.0729 4.92595C20.0729 5.20172 19.9633 5.45274 19.783 5.63306L19.7794 5.63659Z"
                    fill={fill}
                />
            </g>
            <defs>
                <clipPath id={id}>
                    <rect width="24" height="24" fill="white" />
                </clipPath>
            </defs>
        </svg>
    );
};

ArrowUpRight.propTypes = {
    width: PropTypes.string,
    height: PropTypes.string,
    fill: PropTypes.string,
    stroke: PropTypes.string,
};
export default ArrowUpRight;