diff --git a/GlowingIcons/index.html b/GlowingIcons/index.html
new file mode 100644
index 000000000..a245b2216
--- /dev/null
+++ b/GlowingIcons/index.html
@@ -0,0 +1,21 @@
+
+
+
+
+ CSS glowing icons
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/GlowingIcons/style.css b/GlowingIcons/style.css
new file mode 100644
index 000000000..c51fdeb64
--- /dev/null
+++ b/GlowingIcons/style.css
@@ -0,0 +1,52 @@
+* {
+ margin: 0;
+ padding: 0;
+}
+body {
+ height: 100vh;
+ width: 100vw;
+ background: #18191f;
+}
+.container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+ width: 100vw;
+}
+#apple,
+#twitter,
+#github,
+#facebook {
+ font-size: 8em;
+ background-color: #18191f;
+ color: #fff;
+ box-shadow: 2px 2px 2px #00000080, 10px 1px 12px #00000080,
+ 2px 2px 10px #00000080, 2px 2px 3px #00000080, inset 2px 2px 10px #00000080,
+ inset 2px 2px 10px #00000080, inset 2px 2px 10px #00000080,
+ inset 2px 2px 10px #00000080;
+ border-radius: 29px;
+ padding: 11px 19px;
+ margin: 0 40px;
+ animation: animate 3s linear infinite;
+ text-shadow: 0 0 50px #0072ff, 0 0 100px #0072ff, 0 0 150px #0072ff,
+ 0 0 200px #0072ff;
+}
+#twitter {
+ animation-delay: 0.3s;
+}
+#facebook {
+ animation-delay: 0.7s;
+}
+#github {
+ animation-delay: 0.1s;
+}
+
+@keyframes animate {
+ from {
+ filter: hue-rotate(0deg);
+ }
+ to {
+ filter: hue-rotate(360deg);
+ }
+}