diff --git a/docs/script.js b/docs/script.js
index 04a5d1b1..43aed43c 100644
--- a/docs/script.js
+++ b/docs/script.js
@@ -520,6 +520,9 @@ const sampleCollection = [
+
+
+
`,
},
{
diff --git a/scss/icons/discord.scss b/scss/icons/discord.scss
new file mode 100644
index 00000000..e6657bc9
--- /dev/null
+++ b/scss/icons/discord.scss
@@ -0,0 +1,20 @@
+$icon-discord-colors: (#fff, #5865f2);
+// prettier-ignore
+$icon-discord: (
+ ( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0 ),
+ ( 2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2 ),
+ ( 2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2 ),
+ ( 2,2,2,2,1,1,2,2,2,2,1,1,2,2,2,2 ),
+ ( 2,2,2,1,1,1,1,1,1,1,1,1,1,2,2,2 ),
+ ( 2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2 ),
+ ( 2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2 ),
+ ( 2,1,1,1,1,2,1,1,1,1,2,1,1,1,1,2 ),
+ ( 2,1,1,1,2,2,2,1,1,2,2,2,1,1,1,2 ),
+ ( 2,1,1,1,1,2,1,1,1,1,2,1,1,1,1,2 ),
+ ( 2,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2 ),
+ ( 2,2,1,1,1,2,2,2,2,2,2,1,1,1,2,2 ),
+ ( 2,2,2,1,1,1,2,2,2,2,1,1,1,2,2,2 ),
+ ( 2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2 ),
+ ( 2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2 ),
+ ( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0 )
+);
diff --git a/scss/icons/icons.scss b/scss/icons/icons.scss
index 0c59b697..3923ba6f 100644
--- a/scss/icons/icons.scss
+++ b/scss/icons/icons.scss
@@ -16,6 +16,7 @@
@import "gmail.scss";
@import "linkedin.scss";
@import "instagram.scss";
+@import "discord.scss";
// others
@import "close.scss";
@@ -162,4 +163,8 @@
&.coin::before {
@include pixelize($default-size, $icon-coin, $icon-coin-colors);
}
+
+ &.discord::before {
+ @include pixelize($default-size, $icon-discord, $icon-discord-colors);
+ }
}
diff --git a/story/_helpers/icons.js b/story/_helpers/icons.js
index 82f44c60..24696443 100644
--- a/story/_helpers/icons.js
+++ b/story/_helpers/icons.js
@@ -8,6 +8,7 @@ export const Icons = {
gmail: 'gmail',
linkedin: 'linkedin',
instagram: 'instagram',
+ discord: 'discord',
close: 'close',
coin: 'coin',
trophy: 'trophy',