Merge pull request #66 from Giveth/add/discord-icons

fix: add Discord icons

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@giveth/ui-design-system",
-	"version": "1.8.20",
+	"version": "1.8.21",
 	"files": [
 		"/lib"
 	],

src/components/index.ts

@@ -202,6 +202,9 @@ export * from './social-icons/Linkedin/Linkedin24';
 export * from './social-icons/Instagram/Instagram';
 export * from './social-icons/Instagram/Instagram18';
 export * from './social-icons/Instagram/Instagram24';
+export * from './social-icons/Discord/Discord';
+export * from './social-icons/Discord/Discord18';
+export * from './social-icons/Discord/Discord24';
 export * from './social-icons/Wikipedia';
 export * from './social-icons/Youtube';
 export * from './social-icons/Docs/Docs';

src/components/social-icons/Discord/Discord.tsx

@@ -0,0 +1,18 @@
+import React, { FC } from 'react';
+import { ISocialIconProps } from '../type';
+import { IconDiscord18 } from './Discord18';
+import { IconDiscord24 } from './Discord24';
+
+export const IconDiscord: FC<ISocialIconProps> = ({
+	size = 18,
+	color = 'currentColor',
+}) => {
+	switch (size.toString()) {
+		case '18':
+			return <IconDiscord18 color={color} />;
+		case '24':
+			return <IconDiscord24 color={color} />;
+		default:
+			return <IconDiscord24 size={size} color={color} />;
+	}
+};

src/components/social-icons/Discord/Discord18.tsx

@@ -0,0 +1,20 @@
+import React, { FC } from 'react';
+import { ISocialIconProps } from '../type';
+
+export const IconDiscord18: FC<ISocialIconProps> = ({
+	size = 18,
+	color = 'currentColor',
+}) => (
+	<svg
+		width={size}
+		height={size}
+		viewBox='0 0 16 13'
+		fill='none'
+		xmlns='http://www.w3.org/2000/svg'
+	>
+		<path
+			d='M13.5447 1.07763C12.5249 0.578841 11.4313 0.211357 10.2879 0.00088291C10.2671 -0.00317917 10.2463 0.00697218 10.2356 0.0272754C10.0949 0.293919 9.93915 0.641778 9.83006 0.915194C8.60027 0.718936 7.37679 0.718936 6.17221 0.915194C6.0631 0.635701 5.90166 0.293919 5.76038 0.0272754C5.74966 0.0076496 5.72886 -0.00250175 5.70803 0.00088291C4.56527 0.210684 3.47171 0.578169 2.45129 1.07763C2.44246 1.08169 2.43488 1.08846 2.42986 1.09725C0.355594 4.40058 -0.212634 7.62272 0.0661201 10.8049C0.0673814 10.8205 0.0755799 10.8354 0.086932 10.8448C1.45547 11.9161 2.78114 12.5665 4.08219 12.9976C4.10301 13.0044 4.12507 12.9963 4.13832 12.978C4.44608 12.53 4.72043 12.0576 4.95565 11.5608C4.96953 11.5318 4.95628 11.4972 4.92791 11.4857C4.49275 11.3098 4.0784 11.0952 3.67982 10.8516C3.64829 10.832 3.64577 10.7839 3.67477 10.7609C3.75865 10.6939 3.84255 10.6242 3.92264 10.5538C3.93713 10.541 3.95732 10.5382 3.97435 10.5464C6.59286 11.8207 9.4277 11.8207 12.0153 10.5464C12.0323 10.5376 12.0525 10.5403 12.0677 10.5531C12.1478 10.6235 12.2316 10.6939 12.3161 10.7609C12.3451 10.7839 12.3433 10.832 12.3117 10.8516C11.9131 11.1 11.4988 11.3098 11.063 11.4851C11.0346 11.4966 11.022 11.5318 11.0359 11.5608C11.2762 12.0569 11.5505 12.5293 11.8526 12.9773C11.8652 12.9963 11.8879 13.0044 11.9087 12.9976C13.2161 12.5665 14.5417 11.9161 15.9103 10.8448C15.9223 10.8354 15.9298 10.8211 15.9311 10.8056C16.2647 7.12662 15.3723 3.93091 13.5655 1.09793C13.5611 1.08846 13.5535 1.08169 13.5447 1.07763ZM5.34668 8.86728C4.55833 8.86728 3.90876 8.09578 3.90876 7.14829C3.90876 6.2008 4.54574 5.42929 5.34668 5.42929C6.15392 5.42929 6.79721 6.20757 6.78459 7.14829C6.78459 8.09578 6.14761 8.86728 5.34668 8.86728ZM10.6632 8.86728C9.87484 8.86728 9.22526 8.09578 9.22526 7.14829C9.22526 6.2008 9.86222 5.42929 10.6632 5.42929C11.4704 5.42929 12.1137 6.20757 12.1011 7.14829C12.1011 8.09578 11.4704 8.86728 10.6632 8.86728Z'
+			fill={color}
+		/>
+	</svg>
+);

src/components/social-icons/Discord/Discord24.tsx

@@ -0,0 +1,20 @@
+import React, { FC } from 'react';
+import { ISocialIconProps } from '../type';
+
+export const IconDiscord24: FC<ISocialIconProps> = ({
+	size = 24,
+	color = 'currentColor',
+}) => (
+	<svg
+		width={size}
+		height={size}
+		viewBox='0 0 22 18'
+		fill='none'
+		xmlns='http://www.w3.org/2000/svg'
+	>
+		<path
+			d='M18.6239 1.4921C17.2217 0.801473 15.7181 0.292648 14.1459 0.00122249C14.1173 -0.00440192 14.0887 0.00965379 14.0739 0.0377659C13.8805 0.406965 13.6663 0.888616 13.5163 1.26719C11.8254 0.99545 10.1431 0.99545 8.48679 1.26719C8.33676 0.880201 8.11478 0.406965 7.92053 0.0377659C7.90578 0.0105918 7.87718 -0.00346397 7.84855 0.00122249C6.27725 0.291716 4.7736 0.800541 3.37052 1.4921C3.35838 1.49772 3.34797 1.5071 3.34106 1.51928C0.488942 6.09311 -0.292371 10.5545 0.0909151 14.9606C0.0926494 14.9822 0.103922 15.0028 0.119532 15.0159C2.00127 16.4993 3.82407 17.3998 5.61301 17.9967C5.64164 18.0061 5.67197 17.9949 5.69019 17.9695C6.11337 17.3492 6.49059 16.6952 6.81402 16.0073C6.83311 15.967 6.81489 15.9192 6.77588 15.9033C6.17754 15.6597 5.6078 15.3626 5.05975 15.0253C5.0164 14.9981 5.01293 14.9316 5.05281 14.8997C5.16814 14.8069 5.2835 14.7104 5.39363 14.613C5.41355 14.5952 5.44131 14.5914 5.46474 14.6026C9.06518 16.3672 12.9631 16.3672 16.521 14.6026C16.5445 14.5905 16.5722 14.5942 16.593 14.612C16.7032 14.7095 16.8185 14.8069 16.9347 14.8997C16.9746 14.9316 16.972 14.9981 16.9286 15.0253C16.3806 15.3692 15.8108 15.6597 15.2116 15.9024C15.1726 15.9183 15.1553 15.967 15.1744 16.0073C15.5047 16.6942 15.882 17.3483 16.2973 17.9686C16.3147 17.9949 16.3459 18.0061 16.3745 17.9967C18.1721 17.3998 19.9949 16.4993 21.8766 15.0159C21.8931 15.0028 21.9035 14.9831 21.9053 14.9616C22.364 9.86763 21.137 5.4428 18.6525 1.52021C18.6465 1.5071 18.6361 1.49772 18.6239 1.4921ZM7.35169 12.2778C6.26771 12.2778 5.37454 11.2095 5.37454 9.89763C5.37454 8.58572 6.25039 7.51748 7.35169 7.51748C8.46163 7.51748 9.34616 8.5951 9.32881 9.89763C9.32881 11.2095 8.45296 12.2778 7.35169 12.2778ZM14.6619 12.2778C13.5779 12.2778 12.6847 11.2095 12.6847 9.89763C12.6847 8.58572 13.5606 7.51748 14.6619 7.51748C15.7718 7.51748 16.6563 8.5951 16.639 9.89763C16.639 11.2095 15.7718 12.2778 14.6619 12.2778Z'
+			fill={color}
+		/>
+	</svg>
+);