import React from 'react';

function ArrowRight() {
	return (
		<svg
			xmlns='http://www.w3.org/2000/svg'
			width='24'
			height='24'
			fill='none'
			viewBox='0 0 25 24'>
			<mask
				id='mask0_1187_1618'
				style={{ maskType: 'alpha' }}
				width='25'
				height='24'
				x='0'
				y='0'
				maskUnits='userSpaceOnUse'>
				<path
					fill='#D9D9D9'
					d='M24.81 24H48.81V48H24.81z'
					transform='rotate(-180 24.81 24)'></path>
			</mask>
			<g mask='url(#mask0_1187_1618)'>
				<path
					fill='#667085'
					d='M9.81 5l1.425 1.4-4.6 4.6H22.81v2H6.635l4.575 4.6-1.4 1.4-7-7 7-7z'></path>
			</g>
		</svg>
	);
}

export default ArrowRight;