// Social icons

export const FbIcon = () => {
	return (
		<svg xmlns="http://www.w3.org/2000/svg" width={17} height={16}>
			<path
				// fill="#6E6A69"
				fillRule="evenodd"
				d="M16.5 8a8 8 0 1 0-9.25 7.903v-5.59H5.218V8H7.25V6.237c0-2.005 1.195-3.113 3.022-3.113a12.3 12.3 0 0 1 1.79.157v1.968h-1.008c-.994 0-1.304.617-1.304 1.25V8h2.218l-.354 2.314H9.75v5.59A8 8 0 0 0 16.5 8Z"
				clipRule="evenodd"
			/>
			<path
				fill="#fff"
				fillRule="evenodd"
				d="M11.614 10.313 11.968 8H9.75V6.5c0-.633.31-1.25 1.304-1.25h1.009V3.28s-.916-.156-1.791-.156c-1.827 0-3.022 1.107-3.022 3.113V8H5.218v2.313H7.25v5.59a8.046 8.046 0 0 0 2.5 0v-5.59h1.864Z"
				clipRule="evenodd"
			/>
		</svg>
	);
};

export const XIcon = () => {
	return (
		<svg xmlns="http://www.w3.org/2000/svg" width={17} height={16}>
			<circle
				cx={8.5}
				cy={8}
				r={8}
			// fill="#6E6A69"
			/>
			<g clipPath="url(#a)">
				<path
					fill="#fff"
					d="M9.262 7.462 12.24 4h-.706L8.95 7.006 6.883 4H4.501l3.123 4.545-3.123 3.63h.706l2.73-3.174 2.182 3.175H12.5l-3.24-4.714h.001Zm-.967 1.124-.316-.453L5.461 4.53h1.084l2.032 2.907.317.453 2.64 3.778h-1.083L8.295 8.586Z"
				/>
			</g>
			<defs>
				<clipPath id="a">
					<path fill="#fff" d="M4.498 4h8v8.18h-8z" />
				</clipPath>
			</defs>
		</svg>
	);
};

export const WpIcon = () => {
	return (
		<svg xmlns="http://www.w3.org/2000/svg" width={17} height={16}>
			<path
				// fill="#6E6A69"
				d="M16.5 8c0-4.408-3.592-8-8-8-4.416 0-8 3.592-8 8 0 4.416 3.584 8 8 8 4.408 0 8-3.584 8-8Zm-9.776 4.296-2.728-7.32c.44-.016.936-.064.936-.064.4-.048.352-.904-.048-.888 0 0-1.16.088-1.896.088-.144 0-.296 0-.464-.008A7.097 7.097 0 0 1 8.5.888c1.864 0 3.56.696 4.84 1.872-.544-.088-1.32.312-1.32 1.264 0 .592.36 1.088.72 1.68.28.488.44 1.088.44 1.968 0 1.192-1.12 4-1.12 4L9.636 4.976c.432-.016.656-.136.656-.136.4-.04.352-1-.048-.976 0 0-1.152.096-1.904.096-.696 0-1.864-.096-1.864-.096-.4-.024-.448.96-.048.976l.736.064 1.008 2.728-1.448 4.664ZM14.428 8c.192-.512.592-1.496.344-3.4.56 1.032.84 2.168.84 3.4 0 2.632-1.384 4.992-3.52 6.224.776-2.072 1.552-4.16 2.336-6.224ZM5.38 14.472C2.996 13.32 1.388 10.824 1.388 8c0-1.04.184-1.984.576-2.872C3.1 8.24 4.236 11.36 5.38 14.472Zm3.224-5.304 2.064 5.584a6.734 6.734 0 0 1-2.168.36 6.301 6.301 0 0 1-1.832-.264c.648-1.904 1.296-3.792 1.936-5.68Z"
			/>
		</svg>
	);
};

export const YouTubeIcon = () => {
	return (
		<svg xmlns="http://www.w3.org/2000/svg" width={23} height={16}>
			<g clipPath="url(#youtube)">
				<path
					// fill="#6E6A69"
					d="M22.037 2.5C21.784 1.515 21.04.74 20.092.478 18.377 0 11.497 0 11.497 0s-6.88 0-8.595.478C1.955.74 1.21 1.516.957 2.499c-.46 1.783-.46 5.502-.46 5.502s0 3.719.46 5.502c.253.983.998 1.758 1.945 2.02 1.715.478 8.595.478 8.595.478s6.88 0 8.595-.478c.947-.262 1.692-1.037 1.945-2.02.46-1.783.46-5.502.46-5.502s0-3.72-.46-5.502Z"
				/>
				<path fill="#fff" d="M9.247 11.378 14.997 8l-5.75-3.376v6.753Z" />
			</g>
			<defs>
				<clipPath id="youtube">
					<path fill="#fff" d="M.5 0h22v16H.5z" />
				</clipPath>
			</defs>
		</svg>
	);
};