const PinIcon = (props) => {
	return (
		<svg
			xmlns='http://www.w3.org/2000/svg'
			version='1.1'
			x='0px'
			y='0px'
			viewBox='0 0 100 100'
			{...props}
		>
			<g>
				<path d='M82.1,34.9C80.9,19.2,68.1,6.5,52.3,5.4C33.5,4.1,17.8,19,17.8,37.6c0,6.7,2,12.9,5.5,18c4.2,6.2,16.2,23.7,22.6,33.1   c2,2.9,6.3,2.9,8.2,0c6.4-9.3,18.4-26.9,22.6-33.1C80.7,49.8,82.7,42.6,82.1,34.9z M50,56c-10.2,0-18.5-8.3-18.5-18.5   S39.8,19,50,19c10.2,0,18.5,8.3,18.5,18.5S60.2,56,50,56z' />
			</g>
		</svg>
	);
};

export default PinIcon;

export const StringifiedPinIcon = () => {
	return `
		<svg
			xmlns='http://www.w3.org/2000/svg'
			version='1.1'
			width='100'
			height='100'
			viewBox='0 0 100 100'
			fill='#d94253'
		>
			<g>
				<path 
					d='M82.1,34.9C80.9,19.2,68.1,6.5,52.3,5.4C33.5,4.1,17.8,19,17.8,37.6c0,6.7,2,12.9,5.5,18c4.2,6.2,16.2,23.7,22.6,33.1   c2,2.9,6.3,2.9,8.2,0c6.4-9.3,18.4-26.9,22.6-33.1C80.7,49.8,82.7,42.6,82.1,34.9z M50,56c-10.2,0-18.5-8.3-18.5-18.5   S39.8,19,50,19c10.2,0,18.5,8.3,18.5,18.5S60.2,56,50,56z'
				/>
			</g>
		</svg>
	`;
};
