client/components/mma/shared/assets/InfoIcon.tsx

export const InfoIcon = () => (
	<svg
		xmlns="http://www.w3.org/2000/svg"
		width="16"
		height="16"
		viewBox="0 0 16 16"
		css={{
			position: 'relative',
			top: '2.5px',
			marginRight: '5px',
		}}
	>
		<g fill="none" fillRule="evenodd" transform="translate(1 1)">
			<circle
				cx="7"
				cy="7"
				r="7"
				stroke="#121212"
				strokeLinecap="round"
				strokeLinejoin="round"
				strokeWidth="1.4"
			/>
			<path
				stroke="#121212"
				strokeLinecap="round"
				strokeLinejoin="round"
				strokeWidth="1.4"
				d="M7 9.8V7"
			/>
			<circle cx="7" cy="4.2" r="1" fill="#121212" />
		</g>
	</svg>
);