feat: added new social-icon docs component

Author: pkretzschmar

src/components/social-icons/Docs.tsx

@@ -0,0 +1,86 @@
+import React, { FC } from 'react';
+import { ISocialIconProps } from './type';
+
+export const IconDocs: FC<ISocialIconProps> = ({
+	size = 16,
+	color = 'currentColor',
+}) => {
+	const size18 = (
+		<svg
+			width='18'
+			height='18'
+			viewBox='0 0 18 18'
+			fill='none'
+			xmlns='http://www.w3.org/2000/svg'
+		>
+			<path
+				d='M8.74121 11.773V11.3713C8.5427 11.527 8.32178 11.6453 8.07845 11.7263C7.83512 11.801 7.58219 11.8384 7.31964 11.8384C6.96746 11.8384 6.63448 11.773 6.32071 11.6422C6.01334 11.5114 5.7444 11.334 5.51387 11.1098C5.28335 10.8856 5.10085 10.621 4.96638 10.3158C4.83831 10.0107 4.77428 9.6838 4.77428 9.33509C4.77428 8.98637 4.84151 8.65946 4.97599 8.35433C5.11046 8.04921 5.29296 7.78456 5.52348 7.56039C5.754 7.33621 6.02615 7.16186 6.33992 7.03732C6.66009 6.90655 6.99947 6.84116 7.35807 6.84116C7.6014 6.84116 7.83832 6.87541 8.06885 6.94391C8.30577 7.00618 8.52349 7.09959 8.722 7.22413V5.23459L10.0379 4.95438V11.773H8.74121ZM6.07097 9.33509C6.07097 9.72739 6.21185 10.0605 6.4936 10.3345C6.77535 10.6085 7.12114 10.7455 7.53095 10.7455C7.77429 10.7455 7.99521 10.705 8.1937 10.6241C8.39863 10.5431 8.57472 10.4279 8.722 10.2785V8.38235C8.58112 8.23913 8.40503 8.12705 8.1937 8.04609C7.98879 7.96514 7.76788 7.92467 7.53095 7.92467C7.11472 7.92467 6.76575 8.06166 6.484 8.33565C6.20865 8.60341 6.07097 8.93656 6.07097 9.33509Z'
+				fill={color}
+			/>
+			<path
+				d='M10.459 9.34443C10.459 8.98949 10.5262 8.65945 10.6607 8.35433C10.8015 8.04298 10.9904 7.77522 11.2274 7.55104C11.4707 7.32064 11.7556 7.14006 12.0822 7.00929C12.4088 6.87852 12.7578 6.81314 13.1292 6.81314C13.5006 6.81314 13.8496 6.87852 14.1761 7.00929C14.5027 7.14006 14.7845 7.32064 15.0214 7.55104C15.2647 7.77522 15.4536 8.04298 15.5881 8.35433C15.729 8.65945 15.7994 8.98949 15.7994 9.34443C15.7994 9.69937 15.729 10.0325 15.5881 10.3439C15.4536 10.649 15.2647 10.9136 15.0214 11.1378C14.7845 11.362 14.5027 11.5395 14.1761 11.6702C13.8496 11.801 13.5006 11.8664 13.1292 11.8664C12.7578 11.8664 12.4088 11.801 12.0822 11.6702C11.7556 11.5395 11.4707 11.362 11.2274 11.1378C10.9904 10.9136 10.8015 10.649 10.6607 10.3439C10.5262 10.0325 10.459 9.69937 10.459 9.34443ZM13.1292 10.7548C13.5134 10.7548 13.84 10.6179 14.1089 10.3439C14.3779 10.0699 14.5123 9.73673 14.5123 9.34443C14.5123 8.9459 14.3779 8.60964 14.1089 8.33565C13.84 8.06166 13.5134 7.92466 13.1292 7.92466C12.745 7.92466 12.4184 8.06166 12.1495 8.33565C11.8805 8.60964 11.746 8.9459 11.746 9.34443C11.746 9.73673 11.8805 10.0699 12.1495 10.3439C12.4184 10.6179 12.745 10.7548 13.1292 10.7548Z'
+				fill={color}
+			/>
+			<path
+				d='M7.68128 16.7915C7.92284 16.7915 8.14715 16.7445 8.3542 16.6504C8.56815 16.5564 8.77175 16.4087 8.96501 16.2073L9.81392 17.0633C9.53785 17.3588 9.20657 17.5905 8.82007 17.7583C8.43357 17.9194 8.03326 18 7.61916 18C7.22576 18 6.85307 17.9295 6.50108 17.7885C6.15599 17.6475 5.85576 17.4561 5.6004 17.2144C5.35193 16.9727 5.15524 16.6874 5.0103 16.3584C4.86536 16.0226 4.79289 15.6634 4.79289 15.2807C4.79289 14.898 4.86536 14.5422 5.0103 14.2131C5.15524 13.8774 5.35193 13.5887 5.6004 13.347C5.85576 13.0986 6.15599 12.9039 6.50108 12.7629C6.85307 12.6219 7.22576 12.5514 7.61916 12.5514C8.04707 12.5514 8.45772 12.6353 8.85113 12.8032C9.24453 12.9643 9.57926 13.1926 9.85533 13.488L8.98571 14.3843C8.79246 14.1762 8.58541 14.0184 8.36455 13.911C8.14369 13.8036 7.90559 13.7499 7.65022 13.7499C7.24302 13.7499 6.89792 13.8976 6.61495 14.193C6.33888 14.4885 6.20085 14.851 6.20085 15.2807C6.20085 15.7104 6.34234 16.0696 6.62531 16.3584C6.91518 16.6471 7.26717 16.7915 7.68128 16.7915Z'
+				fill={color}
+			/>
+			<path
+				d='M10.664 17.2749L11.3679 16.3584C11.6854 16.5598 11.9857 16.7108 12.2686 16.8116C12.5516 16.9056 12.8346 16.9526 13.1176 16.9526C13.435 16.9526 13.687 16.9022 13.8733 16.8015C14.0666 16.7008 14.1631 16.5665 14.1631 16.3987C14.1631 16.2643 14.1079 16.1569 13.9975 16.0763C13.894 15.9958 13.7249 15.9388 13.4903 15.9051L12.455 15.7541C11.9235 15.6735 11.5163 15.5057 11.2334 15.2505C10.9573 14.9954 10.8193 14.6563 10.8193 14.2333C10.8193 13.7297 11.0229 13.3268 11.4301 13.0247C11.8373 12.7226 12.3825 12.5715 13.0657 12.5715C13.4592 12.5715 13.8423 12.6286 14.215 12.7427C14.5877 12.8502 14.9431 13.0113 15.2812 13.2261L14.598 14.1124C14.3012 13.9446 14.0183 13.8204 13.749 13.7398C13.4799 13.6525 13.2072 13.6089 12.9312 13.6089C12.6758 13.6089 12.4688 13.6559 12.31 13.7499C12.1582 13.8439 12.0823 13.9681 12.0823 14.1225C12.0823 14.2635 12.1375 14.3743 12.2479 14.4549C12.3653 14.5287 12.5551 14.5824 12.8173 14.616L13.8526 14.7671C14.3771 14.841 14.7809 15.0088 15.0638 15.2706C15.3537 15.5326 15.4986 15.8648 15.4986 16.2677C15.4986 16.5161 15.4365 16.7478 15.3123 16.9626C15.195 17.1708 15.0328 17.3521 14.8257 17.5065C14.6187 17.6609 14.3702 17.7818 14.0804 17.869C13.7904 17.9563 13.4765 18 13.1383 18C12.6482 18 12.1893 17.9396 11.7613 17.8187C11.3334 17.6912 10.9676 17.5098 10.664 17.2749Z'
+				fill={color}
+			/>
+			<path
+				d='M9.59711 0C9.82525 0.0168516 10.0538 0.0266724 10.2812 0.0505548C11.6123 0.190873 12.8382 0.618226 13.959 1.33261C13.9666 1.33817 13.9738 1.34413 13.9807 1.35047L13.2723 2.03804C13.1181 2.18769 12.9649 2.33836 12.8088 2.48611C12.7989 2.49232 12.7877 2.49608 12.776 2.49708C12.7643 2.49807 12.7525 2.49626 12.7417 2.4918C11.6134 1.86052 10.3988 1.57017 9.09806 1.62077C6.18781 1.73482 3.65074 3.73927 2.95292 6.48786C2.521 8.19088 2.76129 9.80873 3.65074 11.3357C3.65923 11.3503 3.65969 11.3823 3.64948 11.3916C3.26337 11.7699 2.87593 12.1471 2.48714 12.5234C2.48336 12.5271 2.47866 12.5301 2.46982 12.537C2.43321 12.4819 2.39637 12.4286 2.36172 12.3741C1.4025 10.8662 0.979065 9.2272 1.11608 7.45811C1.4017 3.78055 4.21635 0.767696 7.96166 0.127893C8.34034 0.0632772 8.72764 0.046872 9.11079 0.0081468L9.18905 0H9.59711Z'
+				fill={color}
+			/>
+			<path
+				d='M13.8069 4.87507C13.8076 4.53922 13.9279 4.21398 14.1474 3.95469C14.3669 3.6954 14.672 3.5181 15.0108 3.45297C15.3496 3.38783 15.7011 3.43889 16.0055 3.59743C16.31 3.75599 16.5485 4.01224 16.6805 4.32258C16.8126 4.63292 16.8299 4.97816 16.7296 5.29954C16.6294 5.62093 16.4177 5.89859 16.1306 6.08527C15.8435 6.27196 15.4989 6.35612 15.1551 6.32344C14.8114 6.29075 14.49 6.14325 14.2455 5.90603C14.1063 5.77067 13.9959 5.60994 13.9206 5.43303C13.8454 5.25613 13.8067 5.06652 13.8069 4.87507Z'
+				fill={color}
+			/>
+		</svg>
+	);
+
+	const size24 = (
+		<svg
+			width='24'
+			height='24'
+			viewBox='0 0 24 24'
+			fill='none'
+			xmlns='http://www.w3.org/2000/svg'
+		>
+			<path
+				d='M11.6549 15.6973V15.1618C11.3903 15.3693 11.0957 15.5271 10.7713 15.635C10.4468 15.7347 10.1096 15.7845 9.75952 15.7845C9.28993 15.7845 8.84596 15.6973 8.4276 15.5229C8.01778 15.3486 7.65919 15.1119 7.35182 14.8131C7.04446 14.5142 6.80113 14.1613 6.62183 13.7545C6.45107 13.3476 6.36569 12.9117 6.36569 12.4468C6.36569 11.9818 6.45534 11.5459 6.63464 11.1391C6.81393 10.7323 7.05726 10.3794 7.36463 10.0805C7.67199 9.78162 8.03486 9.54914 8.45321 9.38309C8.88011 9.20873 9.33262 9.12155 9.81074 9.12155C10.1352 9.12155 10.4511 9.16722 10.7585 9.25855C11.0744 9.34157 11.3646 9.46611 11.6293 9.63217V6.97946L13.3839 6.60583V15.6973H11.6549ZM8.09462 12.4468C8.09462 12.9699 8.28246 13.414 8.65812 13.7794C9.03379 14.1447 9.49484 14.3273 10.0413 14.3273C10.3657 14.3273 10.6603 14.2734 10.9249 14.1654C11.1982 14.0575 11.4329 13.9039 11.6293 13.7046V11.1765C11.4415 10.9855 11.2067 10.8361 10.9249 10.7281C10.6517 10.6202 10.3572 10.5662 10.0413 10.5662C9.48629 10.5662 9.02099 10.7489 8.64532 11.1142C8.27819 11.4712 8.09462 11.9154 8.09462 12.4468Z'
+				fill={color}
+			/>
+			<path
+				d='M13.9453 12.4592C13.9453 11.986 14.0349 11.5459 14.2142 11.1391C14.4021 10.724 14.6539 10.367 14.9698 10.0681C15.2943 9.76087 15.6742 9.52009 16.1096 9.34573C16.5451 9.17138 17.0104 9.0842 17.5056 9.0842C18.0008 9.0842 18.4661 9.17138 18.9015 9.34573C19.337 9.52009 19.7126 9.76087 20.0285 10.0681C20.353 10.367 20.6049 10.724 20.7841 11.1391C20.972 11.5459 21.0659 11.986 21.0659 12.4592C21.0659 12.9325 20.972 13.3767 20.7841 13.7918C20.6049 14.1987 20.353 14.5515 20.0285 14.8504C19.7126 15.1493 19.337 15.3859 18.9015 15.5603C18.4661 15.7347 18.0008 15.8218 17.5056 15.8218C17.0104 15.8218 16.5451 15.7347 16.1096 15.5603C15.6742 15.3859 15.2943 15.1493 14.9698 14.8504C14.6539 14.5515 14.4021 14.1987 14.2142 13.7918C14.0349 13.3767 13.9453 12.9325 13.9453 12.4592ZM17.5056 14.3398C18.0179 14.3398 18.4533 14.1571 18.8119 13.7918C19.1705 13.4265 19.3498 12.9823 19.3498 12.4592C19.3498 11.9279 19.1705 11.4795 18.8119 11.1142C18.4533 10.7489 18.0179 10.5662 17.5056 10.5662C16.9933 10.5662 16.5579 10.7489 16.1993 11.1142C15.8407 11.4795 15.6614 11.9279 15.6614 12.4592C15.6614 12.9823 15.8407 13.4265 16.1993 13.7918C16.5579 14.1571 16.9933 14.3398 17.5056 14.3398Z'
+				fill={color}
+			/>
+			<path
+				d='M10.2417 22.3886C10.5638 22.3886 10.8629 22.326 11.1389 22.2005C11.4242 22.0752 11.6957 21.8783 11.9534 21.6097L13.0852 22.7511C12.7171 23.1451 12.2754 23.454 11.7601 23.6778C11.2448 23.8926 10.711 24 10.1589 24C9.63436 24 9.13744 23.9059 8.66812 23.718C8.20799 23.53 7.8077 23.2748 7.46721 22.9526C7.13592 22.6303 6.87366 22.2498 6.68041 21.8112C6.48716 21.3635 6.39053 20.8845 6.39053 20.3743C6.39053 19.864 6.48716 19.3895 6.68041 18.9508C6.87366 18.5032 7.13592 18.1183 7.46721 17.7959C7.8077 17.4647 8.20799 17.2051 8.66812 17.0172C9.13744 16.8292 9.63436 16.7351 10.1589 16.7351C10.7294 16.7351 11.277 16.8471 11.8015 17.0709C12.326 17.2857 12.7724 17.5901 13.1405 17.984L11.981 19.1791C11.7233 18.9016 11.4472 18.6912 11.1527 18.548C10.8583 18.4048 10.5408 18.3331 10.2003 18.3331C9.65737 18.3331 9.19724 18.5301 8.81995 18.9239C8.45186 19.3179 8.26781 19.8013 8.26781 20.3743C8.26781 20.9472 8.45646 21.4262 8.83375 21.8112C9.22026 22.1961 9.68957 22.3886 10.2417 22.3886Z'
+				fill={color}
+			/>
+			<path
+				d='M14.2186 23.0331L15.1572 21.8112C15.5805 22.0797 15.9809 22.2811 16.3582 22.4155C16.7354 22.5408 17.1128 22.6035 17.4901 22.6035C17.9134 22.6035 18.2493 22.5363 18.4977 22.402C18.7554 22.2677 18.8842 22.0887 18.8842 21.8649C18.8842 21.6858 18.8105 21.5425 18.6634 21.4351C18.5253 21.3277 18.2999 21.2517 17.987 21.2068L16.6067 21.0055C15.898 20.898 15.3551 20.6743 14.9778 20.334C14.6097 19.9938 14.4257 19.5417 14.4257 18.9778C14.4257 18.3063 14.6972 17.7691 15.2401 17.3663C15.783 16.9635 16.51 16.762 17.421 16.762C17.9455 16.762 18.4563 16.8381 18.9533 16.9903C19.4502 17.1335 19.9241 17.3484 20.375 17.6348L19.464 18.8165C19.0683 18.5927 18.691 18.4272 18.332 18.3197C17.9732 18.2033 17.6096 18.1452 17.2416 18.1452C16.9011 18.1452 16.6251 18.2078 16.4134 18.3331C16.2109 18.4585 16.1098 18.6241 16.1098 18.83C16.1098 19.018 16.1834 19.1658 16.3305 19.2732C16.487 19.3716 16.7401 19.4432 17.0897 19.488L18.4701 19.6895C19.1695 19.7879 19.7078 20.0117 20.0851 20.3608C20.4716 20.7101 20.6649 21.1531 20.6649 21.6903C20.6649 22.0215 20.582 22.3304 20.4165 22.6168C20.26 22.8944 20.0437 23.1361 19.7676 23.342C19.4916 23.5479 19.1603 23.709 18.7738 23.8254C18.3872 23.9418 17.9686 24 17.5177 24C16.8643 24 16.2524 23.9194 15.6818 23.7583C15.1112 23.5882 14.6235 23.3464 14.2186 23.0331Z'
+				fill={color}
+			/>
+			<path
+				d='M12.7961 0C13.1003 0.0224688 13.4051 0.0355632 13.7082 0.0674064C15.483 0.254497 17.1176 0.824301 18.612 1.77682C18.6222 1.78422 18.6318 1.79218 18.641 1.80062L17.6963 2.71738C17.4908 2.91692 17.2865 3.11781 17.0784 3.31482C17.0652 3.32309 17.0503 3.32811 17.0347 3.32944C17.019 3.33076 17.0033 3.32835 16.9889 3.3224C15.4845 2.48069 13.8651 2.09357 12.1307 2.16102C8.25041 2.31309 4.86765 4.9857 3.93723 8.65048C3.36133 10.9212 3.68171 13.0783 4.86765 15.1143C4.87897 15.1338 4.87959 15.1764 4.86596 15.1888C4.35115 15.6931 3.83457 16.1961 3.31618 16.6979C3.31114 16.7028 3.30487 16.7069 3.29309 16.7161C3.24428 16.6425 3.19516 16.5714 3.14896 16.4988C1.87 14.4882 1.30541 12.3029 1.4881 9.94415C1.86893 5.04074 5.6218 1.02359 10.6155 0.170525C11.1204 0.0843696 11.6368 0.062496 12.1477 0.0108624L12.2521 0H12.7961Z'
+				fill={color}
+			/>
+			<path
+				d='M18.4093 6.50009C18.4102 6.05229 18.5705 5.61863 18.8632 5.27291C19.1559 4.92719 19.5627 4.69079 20.0144 4.60395C20.4661 4.51709 20.9348 4.58517 21.3407 4.79657C21.7467 5.00798 22.0647 5.34964 22.2407 5.76343C22.4168 6.17721 22.4398 6.63753 22.3062 7.06604C22.1725 7.49457 21.8902 7.86477 21.5075 8.11369C21.1247 8.3626 20.6651 8.47481 20.2068 8.43124C19.7485 8.38766 19.32 8.19099 18.994 7.8747C18.8084 7.69422 18.6613 7.47991 18.5608 7.24403C18.4605 7.00816 18.409 6.75535 18.4093 6.50009Z'
+				fill={color}
+			/>
+		</svg>
+	);
+
+	switch (size.toString()) {
+		case '16':
+			return size18;
+		case '24':
+			return size24;
+		default:
+			return size18;
+	}
+};