diff --git a/docs/icons.stories.js b/docs/icons.stories.js
index a9dde3e..1d1daa0 100644
--- a/docs/icons.stories.js
+++ b/docs/icons.stories.js
@@ -17,6 +17,7 @@ stories.add('icon', () => {
'nes-icon gmail': 'nes-icon gmail',
'nes-icon linkedin': 'nes-icon linkedin',
'nes-icon close': 'nes-icon close',
+ 'nes-icon coin': 'nes-icon coin',
'nes-pokeball': 'nes-pokeball',
'nes-bulbasaur': 'nes-bulbasaur',
'nes-charmander': 'nes-charmander',
diff --git a/index.html b/index.html
index ed9169b..df913f8 100644
--- a/index.html
+++ b/index.html
@@ -798,6 +798,11 @@
+
+
+
+
+
diff --git a/scss/icons/coin.scss b/scss/icons/coin.scss
new file mode 100644
index 0000000..93b1d81
--- /dev/null
+++ b/scss/icons/coin.scss
@@ -0,0 +1,20 @@
+$icon-coin-colors: (#060606, #fff, #ffc107);
+// prettier-ignore
+$icon-coin: (
+ (0,0,0,0,0,1,1,1,1,1,1,0,0,0,0,0),
+ (0,0,0,1,1,1,2,2,2,1,1,1,1,0,0,0),
+ (0,0,1,1,2,2,3,3,3,3,3,1,1,0,0,0),
+ (0,0,1,2,3,3,2,2,2,1,3,3,1,1,0,0),
+ (0,1,1,2,3,3,2,3,3,1,3,3,1,1,0,0),
+ (0,1,2,3,3,3,2,3,3,1,3,3,3,1,1,0),
+ (0,1,2,3,3,3,2,3,3,1,3,3,3,1,1,0),
+ (0,1,2,3,3,3,2,3,3,1,3,3,3,1,1,0),
+ (0,1,2,3,3,3,2,3,3,1,3,3,3,1,1,0),
+ (0,1,2,3,3,3,2,3,3,1,3,3,3,1,1,0),
+ (0,1,2,3,3,3,2,3,3,1,3,3,3,1,1,0),
+ (0,1,1,2,3,3,2,3,3,1,3,3,1,1,0,0),
+ (0,0,1,2,3,3,2,1,1,1,3,3,1,1,0,0),
+ (0,0,1,1,2,3,3,3,3,3,3,1,1,0,0,0),
+ (0,0,0,1,1,1,3,3,3,1,1,1,1,0,0,0),
+ (0,0,0,0,0,1,1,1,1,1,1,0,0,0,0,0),
+);
diff --git a/scss/icons/icons.scss b/scss/icons/icons.scss
index 27bbbb5..e88e098 100644
--- a/scss/icons/icons.scss
+++ b/scss/icons/icons.scss
@@ -19,6 +19,7 @@
// others
@import "close.scss";
@import "trophy.scss";
+@import "coin.scss";
.nes-icon {
$default-size: 1px;
@@ -146,4 +147,8 @@
&.linkedin::before {
@include pixelize($default-size, $icon-linkedin, $icon-linkedin-colors);
}
+
+ &.coin::before {
+ @include pixelize($default-size, $icon-coin, $icon-coin-colors);
+ }
}