import { memo } from '@wordpress/element';

const Donate = (props) => {
	const { className, ...otherProps } = props;

	return (
		<svg
			className={className}
			viewBox="0 0 24 24"
			fill="none"
			xmlns="http://www.w3.org/2000/svg"
			{...otherProps}>
			<path
				opacity="0.3"
				d="M20 6C20 9 19 13 19 13L13.3 17L12.6 16.4C11.8 15.6 11.8 14.2 12.6 13.4L14.8 11.2C14.8 8.7 12.1 7.2 9.89999 8.5C9.19999 9 8.59999 9.6 7.89999 10.3V13L5.89999 16C4.79999 16 3.89999 15.1 3.89999 14V10.4C3.89999 9.5 4.19999 8.6 4.79999 7.9L7.59999 4.4L14 2C14.9 4.4 16.8 5.8 20 6Z"
				fill="currentColor"
			/>
			<path
				d="M13.2 18.2996L12 17.0996C10.7 15.7996 10.7 13.8996 12 12.5996L13.9 10.6996C13.8 10.0996 13.4 9.49961 12.8 9.19961C12.1 8.79961 11.3 8.79961 10.6 9.19961C10.1 9.49961 9.7 9.89961 9.3 10.3996C9.2 10.4996 9.2 10.4996 9.1 10.5996V12.9996H7V9.89961L7.3 9.59961C7.5 9.39961 7.6 9.29961 7.8 9.09961C8.3 8.59961 8.8 7.99961 9.5 7.59961C10.8 6.79961 12.4 6.79961 13.7 7.49961C15 8.29961 15.9 9.59961 15.9 11.1996V11.5996L13.4 14.0996C13.2 14.2996 13.1 14.5996 13.1 14.8996C13.1 15.1996 13.2 15.4996 13.4 15.6996L13.5 15.7996L18.2 12.4996C18.4 11.4996 19.1 8.39961 19.1 6.09961H21.1C21.1 9.19961 20.1 13.1996 20.1 13.2996L20 13.6996L13.2 18.2996Z"
				fill="currentColor"
			/>
			<path
				d="M11 23.0005C9.7 23.0005 8.4 22.6005 7.3 21.7005C4.7 19.7005 4.3 15.9005 6.3 13.3005C8.1 11.0005 11.3 10.3005 13.9 11.8005L12.9 13.6005C11.2 12.7005 9.1 13.1005 7.9 14.6005C6.5 16.3005 6.8 18.8005 8.6 20.2005C10.3 21.6005 12.8 21.3005 14.2 19.5005C14.9 18.6005 15.2 17.4005 15 16.2005L17 15.8005C17.4 17.5005 16.9 19.3005 15.8 20.7005C14.5 22.2005 12.7 23.0005 11 23.0005Z"
				fill="currentColor"
			/>
			<path
				d="M6 16.9996C4.3 16.9996 3 15.6996 3 13.9996V10.3996C3 9.29961 3.4 8.19961 4.1 7.29961L7.1 3.59961L13.7 1.09961L14.4 2.99961L8.3 5.29961L5.7 8.49961C5.2 9.09961 5 9.69961 5 10.3996V13.9996C5 14.5996 5.4 14.9996 6 14.9996V16.9996Z"
				fill="currentColor"
			/>
		</svg>
	);
};

export default memo(Donate);