import React from "react";

const UpArrow = () => {
	return (
		<svg
			aria-labelledby="wpe-up-arrow"
			width="22"
			height="22"
			viewBox="0 0 22 22"
			fill="none"
			xmlns="http://www.w3.org/2000/svg"
			role="img"
		>
			<title id="wpe-up-arrow">up arrow</title>
			<path
				d="M10.5 17C10.2239 17 9.99999 16.7761 9.99999 16.5L10 10.25L7.99999 11.75C7.77908 11.9157 7.46568 11.8709 7.29999 11.65L6.69999 10.85C6.53431 10.6291 6.57908 10.3157 6.79999 10.15L11 7L15.2 10.15C15.4209 10.3157 15.4657 10.6291 15.3 10.85L14.7 11.65C14.5343 11.8709 14.2209 11.9157 14 11.75L12 10.25V16.5C12 16.7761 11.7761 17 11.5 17H10.5Z"
				fill="#002838"
			/>
			<path
				fillRule="evenodd"
				clipRule="evenodd"
				d="M4 0C1.79086 0 0 1.79086 0 4V18C0 20.2091 1.79086 22 4 22H18C20.2091 22 22 20.2091 22 18V4C22 1.79086 20.2091 0 18 0H4ZM18 2H4C2.89543 2 2 2.89543 2 4V18C2 19.1046 2.89543 20 4 20H18C19.1046 20 20 19.1046 20 18V4C20 2.89543 19.1046 2 18 2Z"
				fill="#002838"
			/>
		</svg>
	);
};

export default UpArrow;