diff --git a/icons/modern/css.svg b/icons/modern/css.svg
new file mode 100644
index 0000000..6739688
--- /dev/null
+++ b/icons/modern/css.svg
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 72 100" style="enable-background:new 0 0 72 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill-opacity:0;stroke:#7191A1;stroke-width:2;}
+	.st2{fill:url(#SVGID_2_);}
+	.st3{fill:url(#SVGID_3_);}
+	.st4{fill:url(#SVGID_4_);}
+	.st5{fill-opacity:0;stroke:#7191A1;stroke-width:2;stroke-linejoin:bevel;}
+	.st6{enable-background:new    ;}
+	.st7{fill:#4C6C7B;}
+</style>
+<g>
+	
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="36" y1="97" x2="36" y2="-1" gradientTransform="matrix(1 0 0 1 0 2)">
+		<stop  offset="0" style="stop-color:#C8D4DB"/>
+		<stop  offset="0.139" style="stop-color:#D8E1E6"/>
+		<stop  offset="0.359" style="stop-color:#EBF0F3"/>
+		<stop  offset="0.617" style="stop-color:#F9FAFB"/>
+		<stop  offset="1" style="stop-color:#FFFFFF"/>
+	</linearGradient>
+	<path class="st0" d="M45,1l27,26.7V99H0V1H45z"/>
+	<path class="st1" d="M45,1l27,26.7V99H0V1H45z"/>
+</g>
+<g>
+	
+		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="21.45" y1="40.638" x2="21.45" y2="80.086" gradientTransform="matrix(1 0 0 -1 0 100)">
+		<stop  offset="0" style="stop-color:#869BA6"/>
+		<stop  offset="0.379" style="stop-color:#8399A4"/>
+		<stop  offset="0.576" style="stop-color:#7B929E"/>
+		<stop  offset="0.731" style="stop-color:#6D8694"/>
+		<stop  offset="0.863" style="stop-color:#5A7785"/>
+		<stop  offset="0.981" style="stop-color:#426373"/>
+		<stop  offset="0.99" style="stop-color:#416271"/>
+	</linearGradient>
+	<path class="st2" d="M14.4,42.1v-4.9c1-0.1,1.8-0.2,2.3-0.5c0.5-0.2,0.9-0.7,1.3-1.2c0.4-0.6,0.6-1.3,0.8-2.2
+		c0.1-0.7,0.2-1.8,0.2-3.4c0-2.7,0.1-4.5,0.4-5.6c0.2-1,0.7-1.9,1.3-2.5s1.6-1.1,2.8-1.5c0.8-0.2,2.1-0.4,3.9-0.4h1.1v4.9
+		c-1.5,0-2.5,0.1-2.9,0.3c-0.4,0.2-0.7,0.4-1,0.8c-0.2,0.3-0.3,0.9-0.3,1.8s-0.1,2.5-0.2,4.9C24,34,23.9,35.1,23.6,36
+		c-0.3,0.8-0.7,1.5-1.1,2.1c-0.4,0.5-1.1,1.1-2,1.7c0.8,0.5,1.5,1,2,1.6s0.9,1.4,1.2,2.3s0.5,2.1,0.5,3.6c0.1,2.3,0.1,3.7,0.1,4.4
+		c0,0.9,0.1,1.5,0.3,1.9c0.2,0.4,0.6,0.6,1,0.8c0.4,0.2,1.4,0.3,2.9,0.3v4.9h-1.1c-1.8,0-3.3-0.1-4.2-0.4c-1-0.3-1.8-0.8-2.5-1.5
+		c-0.7-0.7-1.1-1.5-1.4-2.5c-0.2-1-0.3-2.6-0.3-4.8c0-2.5-0.1-4.2-0.3-4.9c-0.3-1.1-0.8-1.9-1.4-2.4C16.6,42.5,15.7,42.1,14.4,42.1z
+		"/>
+	
+		<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="51.7" y1="40.638" x2="51.7" y2="80.086" gradientTransform="matrix(1 0 0 -1 0 100)">
+		<stop  offset="0" style="stop-color:#869BA6"/>
+		<stop  offset="0.379" style="stop-color:#8399A4"/>
+		<stop  offset="0.576" style="stop-color:#7B929E"/>
+		<stop  offset="0.731" style="stop-color:#6D8694"/>
+		<stop  offset="0.863" style="stop-color:#5A7785"/>
+		<stop  offset="0.981" style="stop-color:#426373"/>
+		<stop  offset="0.99" style="stop-color:#416271"/>
+	</linearGradient>
+	<path class="st3" d="M58.7,42.1c-1,0.1-1.8,0.2-2.3,0.5c-0.5,0.2-0.9,0.7-1.3,1.2c-0.4,0.6-0.6,1.3-0.8,2.2
+		c-0.1,0.7-0.2,1.8-0.2,3.4c0,2.7-0.1,4.5-0.4,5.6c-0.2,1.1-0.7,1.9-1.3,2.5c-0.6,0.6-1.6,1.1-2.8,1.5c-0.8,0.2-2.1,0.4-3.9,0.4
+		h-1.1v-4.9c1.5,0,2.4-0.1,2.9-0.3s0.8-0.5,1-0.8c0.2-0.3,0.3-0.9,0.3-1.8c0-0.8,0.1-2.4,0.2-4.8c0.1-1.4,0.3-2.6,0.6-3.4
+		c0.3-0.9,0.7-1.6,1.2-2.2s1.1-1.1,1.9-1.6c-1-0.7-1.8-1.3-2.2-1.9c-0.6-0.9-1.1-2.1-1.3-3.4c-0.2-1-0.3-3.1-0.3-6.3
+		c0-1-0.1-1.7-0.3-2.1c-0.2-0.3-0.5-0.6-0.9-0.8c-0.4-0.2-1.4-0.3-3-0.3V20h1.1c1.8,0,3.3,0.1,4.2,0.4c1,0.3,1.8,0.8,2.5,1.5
+		c0.7,0.7,1.1,1.5,1.4,2.5c0.2,1,0.4,2.6,0.4,4.8c0,2.5,0.1,4.1,0.3,4.9c0.3,1.1,0.8,1.9,1.4,2.3c0.6,0.5,1.6,0.7,2.8,0.8L58.7,42.1
+		L58.7,42.1z"/>
+</g>
+<g>
+	
+		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="45.0368" y1="25.8132" x2="58.5368" y2="12.3132" gradientTransform="matrix(1 0 0 1 0 2)">
+		<stop  offset="0" style="stop-color:#FFFFFF"/>
+		<stop  offset="0.35" style="stop-color:#FAFBFB"/>
+		<stop  offset="0.532" style="stop-color:#EDF1F4"/>
+		<stop  offset="0.675" style="stop-color:#DDE5E9"/>
+		<stop  offset="0.799" style="stop-color:#C7D3DA"/>
+		<stop  offset="0.908" style="stop-color:#ADBDC7"/>
+		<stop  offset="1" style="stop-color:#92A5B0"/>
+	</linearGradient>
+	<path class="st4" d="M45,1l27,26.7H45V1z"/>
+	<path class="st5" d="M45,1l27,26.7H45V1z"/>
+</g>
+<g class="st6">
+	<path class="st7" d="M23,84.4l3.8,1.2c-0.6,2.1-1.6,3.7-2.9,4.7c-1.4,1-3.1,1.5-5.2,1.5c-2.6,0-4.7-0.9-6.4-2.6
+		c-1.7-1.8-2.5-4.2-2.5-7.2c0-3.2,0.8-5.7,2.5-7.5c1.7-1.8,3.9-2.7,6.6-2.7c2.4,0,4.3,0.7,5.8,2.1c0.9,0.8,1.6,2,2,3.6l-3.9,0.9
+		c-0.2-1-0.7-1.8-1.4-2.4s-1.6-0.9-2.7-0.9c-1.4,0-2.6,0.5-3.5,1.5c-0.9,1-1.4,2.7-1.4,5c0,2.4,0.4,4.2,1.3,5.2c0.9,1,2,1.6,3.5,1.6
+		c1,0,1.9-0.3,2.7-1C22.2,86.9,22.7,85.9,23,84.4z"/>
+	<path class="st7" d="M29.2,85.3l3.8-0.4c0.2,1.3,0.7,2.2,1.4,2.8c0.7,0.6,1.7,0.9,2.9,0.9c1.3,0,2.2-0.3,2.9-0.8
+		c0.6-0.5,1-1.2,1-1.9c0-0.5-0.1-0.8-0.4-1.2c-0.3-0.3-0.7-0.6-1.4-0.8c-0.5-0.2-1.5-0.4-3.2-0.8c-2.1-0.5-3.6-1.2-4.4-1.9
+		c-1.2-1.1-1.8-2.4-1.8-3.9c0-1,0.3-1.9,0.8-2.8c0.6-0.9,1.4-1.5,2.4-2s2.3-0.7,3.8-0.7c2.5,0,4.3,0.5,5.5,1.6s1.9,2.5,2,4.3
+		l-3.9,0.2c-0.2-1-0.5-1.7-1.1-2.1c-0.6-0.4-1.4-0.7-2.5-0.7c-1.1,0-2,0.2-2.7,0.7c-0.4,0.3-0.6,0.7-0.6,1.2c0,0.5,0.2,0.8,0.6,1.2
+		c0.5,0.4,1.7,0.8,3.6,1.3c1.9,0.4,3.3,0.9,4.3,1.4c0.9,0.5,1.6,1.1,2.2,2c0.5,0.8,0.8,1.9,0.8,3.1c0,1.1-0.3,2.1-0.9,3.1
+		s-1.5,1.7-2.6,2.2c-1.1,0.5-2.6,0.7-4.2,0.7c-2.5,0-4.4-0.6-5.7-1.7C30.3,89.1,29.5,87.4,29.2,85.3z"/>
+	<path class="st7" d="M47.4,85.3l3.8-0.4c0.2,1.3,0.7,2.2,1.4,2.8c0.7,0.6,1.7,0.9,2.9,0.9c1.3,0,2.2-0.3,2.9-0.8
+		c0.6-0.5,1-1.2,1-1.9c0-0.5-0.1-0.8-0.4-1.2c-0.3-0.3-0.7-0.6-1.4-0.8c-0.5-0.2-1.5-0.4-3.2-0.8c-2.1-0.5-3.6-1.2-4.4-1.9
+		c-1.2-1.1-1.8-2.4-1.8-3.9c0-1,0.3-1.9,0.8-2.8c0.6-0.9,1.4-1.5,2.4-2c1.1-0.4,2.3-0.7,3.8-0.7c2.5,0,4.3,0.5,5.5,1.6
+		s1.9,2.5,2,4.3l-3.9,0.2c-0.2-1-0.5-1.7-1.1-2.1c-0.6-0.4-1.4-0.7-2.5-0.7c-1.1,0-2,0.2-2.7,0.7c-0.4,0.3-0.6,0.7-0.6,1.2
+		c0,0.5,0.2,0.8,0.6,1.2c0.5,0.4,1.7,0.8,3.6,1.3c1.9,0.4,3.3,0.9,4.3,1.4c0.9,0.5,1.6,1.1,2.2,2c0.5,0.8,0.8,1.9,0.8,3.1
+		c0,1.1-0.3,2.1-0.9,3.1s-1.5,1.7-2.6,2.2c-1.1,0.5-2.6,0.7-4.2,0.7c-2.5,0-4.4-0.6-5.7-1.7C48.5,89.1,47.7,87.4,47.4,85.3z"/>
+</g>
+</svg>
diff --git a/icons/modern/js.svg b/icons/modern/js.svg
new file mode 100644
index 0000000..6c05f25
--- /dev/null
+++ b/icons/modern/js.svg
@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 72 100" style="enable-background:new 0 0 72 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill-opacity:0;stroke:#7191A1;stroke-width:2;}
+	.st2{fill:url(#SVGID_2_);}
+	.st3{fill:url(#SVGID_3_);}
+	.st4{fill:url(#SVGID_4_);}
+	.st5{fill-opacity:0;stroke:#7191A1;stroke-width:2;stroke-linejoin:bevel;}
+	.st6{enable-background:new    ;}
+	.st7{fill:#4C6C7B;}
+</style>
+<g>
+	
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="36" y1="97" x2="36" y2="-1" gradientTransform="matrix(1 0 0 1 0 2)">
+		<stop  offset="0" style="stop-color:#C8D4DB"/>
+		<stop  offset="0.139" style="stop-color:#D8E1E6"/>
+		<stop  offset="0.359" style="stop-color:#EBF0F3"/>
+		<stop  offset="0.617" style="stop-color:#F9FAFB"/>
+		<stop  offset="1" style="stop-color:#FFFFFF"/>
+	</linearGradient>
+	<path class="st0" d="M45,1l27,26.7V99H0V1H45z"/>
+	<path class="st1" d="M45,1l27,26.7V99H0V1H45z"/>
+</g>
+<g>
+	
+		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="21.45" y1="40.638" x2="21.45" y2="80.086" gradientTransform="matrix(1 0 0 -1 0 100)">
+		<stop  offset="0" style="stop-color:#869BA6"/>
+		<stop  offset="0.379" style="stop-color:#8399A4"/>
+		<stop  offset="0.576" style="stop-color:#7B929E"/>
+		<stop  offset="0.731" style="stop-color:#6D8694"/>
+		<stop  offset="0.863" style="stop-color:#5A7785"/>
+		<stop  offset="0.981" style="stop-color:#426373"/>
+		<stop  offset="0.99" style="stop-color:#416271"/>
+	</linearGradient>
+	<path class="st2" d="M14.4,42.1v-4.9c1-0.1,1.8-0.2,2.3-0.5c0.5-0.2,0.9-0.7,1.3-1.2c0.4-0.6,0.6-1.3,0.8-2.2
+		c0.1-0.7,0.2-1.8,0.2-3.4c0-2.7,0.1-4.5,0.4-5.6c0.2-1,0.7-1.9,1.3-2.5s1.6-1.1,2.8-1.5c0.8-0.2,2.1-0.4,3.9-0.4h1.1v4.9
+		c-1.5,0-2.5,0.1-2.9,0.3c-0.4,0.2-0.7,0.4-1,0.8c-0.2,0.3-0.3,0.9-0.3,1.8s-0.1,2.5-0.2,4.9C24,34,23.9,35.1,23.6,36
+		c-0.3,0.8-0.7,1.5-1.1,2.1c-0.4,0.5-1.1,1.1-2,1.7c0.8,0.5,1.5,1,2,1.6s0.9,1.4,1.2,2.3s0.5,2.1,0.5,3.6c0.1,2.3,0.1,3.7,0.1,4.4
+		c0,0.9,0.1,1.5,0.3,1.9c0.2,0.4,0.6,0.6,1,0.8c0.4,0.2,1.4,0.3,2.9,0.3v4.9h-1.1c-1.8,0-3.3-0.1-4.2-0.4c-1-0.3-1.8-0.8-2.5-1.5
+		c-0.7-0.7-1.1-1.5-1.4-2.5c-0.2-1-0.3-2.6-0.3-4.8c0-2.5-0.1-4.2-0.3-4.9c-0.3-1.1-0.8-1.9-1.4-2.4C16.6,42.5,15.7,42.1,14.4,42.1z
+		"/>
+	
+		<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="51.7" y1="40.638" x2="51.7" y2="80.086" gradientTransform="matrix(1 0 0 -1 0 100)">
+		<stop  offset="0" style="stop-color:#869BA6"/>
+		<stop  offset="0.379" style="stop-color:#8399A4"/>
+		<stop  offset="0.576" style="stop-color:#7B929E"/>
+		<stop  offset="0.731" style="stop-color:#6D8694"/>
+		<stop  offset="0.863" style="stop-color:#5A7785"/>
+		<stop  offset="0.981" style="stop-color:#426373"/>
+		<stop  offset="0.99" style="stop-color:#416271"/>
+	</linearGradient>
+	<path class="st3" d="M58.7,42.1c-1,0.1-1.8,0.2-2.3,0.5c-0.5,0.2-0.9,0.7-1.3,1.2c-0.4,0.6-0.6,1.3-0.8,2.2
+		c-0.1,0.7-0.2,1.8-0.2,3.4c0,2.7-0.1,4.5-0.4,5.6c-0.2,1.1-0.7,1.9-1.3,2.5c-0.6,0.6-1.6,1.1-2.8,1.5c-0.8,0.2-2.1,0.4-3.9,0.4
+		h-1.1v-4.9c1.5,0,2.4-0.1,2.9-0.3s0.8-0.5,1-0.8c0.2-0.3,0.3-0.9,0.3-1.8c0-0.8,0.1-2.4,0.2-4.8c0.1-1.4,0.3-2.6,0.6-3.4
+		c0.3-0.9,0.7-1.6,1.2-2.2s1.1-1.1,1.9-1.6c-1-0.7-1.8-1.3-2.2-1.9c-0.6-0.9-1.1-2.1-1.3-3.4c-0.2-1-0.3-3.1-0.3-6.3
+		c0-1-0.1-1.7-0.3-2.1c-0.2-0.3-0.5-0.6-0.9-0.8c-0.4-0.2-1.4-0.3-3-0.3V20h1.1c1.8,0,3.3,0.1,4.2,0.4c1,0.3,1.8,0.8,2.5,1.5
+		c0.7,0.7,1.1,1.5,1.4,2.5c0.2,1,0.4,2.6,0.4,4.8c0,2.5,0.1,4.1,0.3,4.9c0.3,1.1,0.8,1.9,1.4,2.3c0.6,0.5,1.6,0.7,2.8,0.8L58.7,42.1
+		L58.7,42.1z"/>
+</g>
+<g>
+	
+		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="45.0368" y1="25.8132" x2="58.5368" y2="12.3132" gradientTransform="matrix(1 0 0 1 0 2)">
+		<stop  offset="0" style="stop-color:#FFFFFF"/>
+		<stop  offset="0.35" style="stop-color:#FAFBFB"/>
+		<stop  offset="0.532" style="stop-color:#EDF1F4"/>
+		<stop  offset="0.675" style="stop-color:#DDE5E9"/>
+		<stop  offset="0.799" style="stop-color:#C7D3DA"/>
+		<stop  offset="0.908" style="stop-color:#ADBDC7"/>
+		<stop  offset="1" style="stop-color:#92A5B0"/>
+	</linearGradient>
+	<path class="st4" d="M45,1l27,26.7H45V1z"/>
+	<path class="st5" d="M45,1l27,26.7H45V1z"/>
+</g>
+<g class="st6">
+	<path class="st7" d="M28.9,72.2h3.9v12.2c0,1.6-0.1,2.8-0.4,3.7c-0.4,1.1-1.1,2-2.1,2.7c-1,0.7-2.3,1-4,1c-1.9,0-3.4-0.5-4.4-1.6
+		c-1-1.1-1.6-2.6-1.6-4.7l3.7-0.4c0,1.1,0.2,1.9,0.5,2.3c0.4,0.7,1.1,1,1.9,1c0.9,0,1.5-0.2,1.9-0.7c0.4-0.5,0.5-1.5,0.5-3.1V72.2z"
+		/>
+	<path class="st7" d="M36.1,85.3l3.8-0.4c0.2,1.3,0.7,2.2,1.4,2.8s1.7,0.9,2.9,0.9c1.3,0,2.2-0.3,2.9-0.8c0.6-0.5,1-1.2,1-1.9
+		c0-0.5-0.1-0.8-0.4-1.2c-0.3-0.3-0.7-0.6-1.4-0.8c-0.5-0.2-1.5-0.4-3.2-0.8c-2.1-0.5-3.6-1.2-4.4-1.9c-1.2-1.1-1.8-2.4-1.8-3.9
+		c0-1,0.3-1.9,0.8-2.8c0.6-0.9,1.4-1.5,2.4-2c1.1-0.4,2.3-0.7,3.8-0.7c2.5,0,4.3,0.5,5.5,1.6c1.2,1.1,1.9,2.5,2,4.3l-3.9,0.2
+		c-0.2-1-0.5-1.7-1.1-2.1c-0.6-0.4-1.4-0.7-2.5-0.7c-1.1,0-2,0.2-2.7,0.7c-0.4,0.3-0.6,0.7-0.6,1.2c0,0.5,0.2,0.8,0.6,1.2
+		c0.5,0.4,1.7,0.8,3.6,1.3c1.9,0.4,3.3,0.9,4.3,1.4c0.9,0.5,1.6,1.1,2.2,2c0.5,0.8,0.8,1.9,0.8,3.1c0,1.1-0.3,2.1-0.9,3.1
+		c-0.6,1-1.5,1.7-2.6,2.2c-1.1,0.5-2.6,0.7-4.2,0.7c-2.5,0-4.4-0.6-5.7-1.7C37.1,89.1,36.3,87.4,36.1,85.3z"/>
+</g>
+</svg>
diff --git a/icons/modern/less.svg b/icons/modern/less.svg
new file mode 100644
index 0000000..0e9d4a4
--- /dev/null
+++ b/icons/modern/less.svg
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 72 100" style="enable-background:new 0 0 72 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill-opacity:0;stroke:#7191A1;stroke-width:2;}
+	.st2{fill:url(#SVGID_2_);}
+	.st3{fill:url(#SVGID_3_);}
+	.st4{fill:url(#SVGID_4_);}
+	.st5{fill-opacity:0;stroke:#7191A1;stroke-width:2;stroke-linejoin:bevel;}
+	.st6{enable-background:new    ;}
+	.st7{fill:#4C6C7B;}
+</style>
+<g>
+	
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="36" y1="97" x2="36" y2="-1" gradientTransform="matrix(1 0 0 1 0 2)">
+		<stop  offset="0" style="stop-color:#C8D4DB"/>
+		<stop  offset="0.139" style="stop-color:#D8E1E6"/>
+		<stop  offset="0.359" style="stop-color:#EBF0F3"/>
+		<stop  offset="0.617" style="stop-color:#F9FAFB"/>
+		<stop  offset="1" style="stop-color:#FFFFFF"/>
+	</linearGradient>
+	<path class="st0" d="M45,1l27,26.7V99H0V1H45z"/>
+	<path class="st1" d="M45,1l27,26.7V99H0V1H45z"/>
+</g>
+<g>
+	
+		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="21.45" y1="40.638" x2="21.45" y2="80.086" gradientTransform="matrix(1 0 0 -1 0 100)">
+		<stop  offset="0" style="stop-color:#869BA6"/>
+		<stop  offset="0.379" style="stop-color:#8399A4"/>
+		<stop  offset="0.576" style="stop-color:#7B929E"/>
+		<stop  offset="0.731" style="stop-color:#6D8694"/>
+		<stop  offset="0.863" style="stop-color:#5A7785"/>
+		<stop  offset="0.981" style="stop-color:#426373"/>
+		<stop  offset="0.99" style="stop-color:#416271"/>
+	</linearGradient>
+	<path class="st2" d="M14.4,42.1v-4.9c1-0.1,1.8-0.2,2.3-0.5c0.5-0.2,0.9-0.7,1.3-1.2c0.4-0.6,0.6-1.3,0.8-2.2
+		c0.1-0.7,0.2-1.8,0.2-3.4c0-2.7,0.1-4.5,0.4-5.6c0.2-1,0.7-1.9,1.3-2.5s1.6-1.1,2.8-1.5c0.8-0.2,2.1-0.4,3.9-0.4h1.1v4.9
+		c-1.5,0-2.5,0.1-2.9,0.3c-0.4,0.2-0.7,0.4-1,0.8c-0.2,0.3-0.3,0.9-0.3,1.8s-0.1,2.5-0.2,4.9C24,34,23.9,35.1,23.6,36
+		c-0.3,0.8-0.7,1.5-1.1,2.1c-0.4,0.5-1.1,1.1-2,1.7c0.8,0.5,1.5,1,2,1.6s0.9,1.4,1.2,2.3s0.5,2.1,0.5,3.6c0.1,2.3,0.1,3.7,0.1,4.4
+		c0,0.9,0.1,1.5,0.3,1.9c0.2,0.4,0.6,0.6,1,0.8c0.4,0.2,1.4,0.3,2.9,0.3v4.9h-1.1c-1.8,0-3.3-0.1-4.2-0.4c-1-0.3-1.8-0.8-2.5-1.5
+		c-0.7-0.7-1.1-1.5-1.4-2.5c-0.2-1-0.3-2.6-0.3-4.8c0-2.5-0.1-4.2-0.3-4.9c-0.3-1.1-0.8-1.9-1.4-2.4C16.6,42.5,15.7,42.1,14.4,42.1z
+		"/>
+	
+		<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="51.7" y1="40.638" x2="51.7" y2="80.086" gradientTransform="matrix(1 0 0 -1 0 100)">
+		<stop  offset="0" style="stop-color:#869BA6"/>
+		<stop  offset="0.379" style="stop-color:#8399A4"/>
+		<stop  offset="0.576" style="stop-color:#7B929E"/>
+		<stop  offset="0.731" style="stop-color:#6D8694"/>
+		<stop  offset="0.863" style="stop-color:#5A7785"/>
+		<stop  offset="0.981" style="stop-color:#426373"/>
+		<stop  offset="0.99" style="stop-color:#416271"/>
+	</linearGradient>
+	<path class="st3" d="M58.7,42.1c-1,0.1-1.8,0.2-2.3,0.5c-0.5,0.2-0.9,0.7-1.3,1.2c-0.4,0.6-0.6,1.3-0.8,2.2
+		c-0.1,0.7-0.2,1.8-0.2,3.4c0,2.7-0.1,4.5-0.4,5.6c-0.2,1.1-0.7,1.9-1.3,2.5c-0.6,0.6-1.6,1.1-2.8,1.5c-0.8,0.2-2.1,0.4-3.9,0.4
+		h-1.1v-4.9c1.5,0,2.4-0.1,2.9-0.3s0.8-0.5,1-0.8c0.2-0.3,0.3-0.9,0.3-1.8c0-0.8,0.1-2.4,0.2-4.8c0.1-1.4,0.3-2.6,0.6-3.4
+		c0.3-0.9,0.7-1.6,1.2-2.2s1.1-1.1,1.9-1.6c-1-0.7-1.8-1.3-2.2-1.9c-0.6-0.9-1.1-2.1-1.3-3.4c-0.2-1-0.3-3.1-0.3-6.3
+		c0-1-0.1-1.7-0.3-2.1c-0.2-0.3-0.5-0.6-0.9-0.8c-0.4-0.2-1.4-0.3-3-0.3V20h1.1c1.8,0,3.3,0.1,4.2,0.4c1,0.3,1.8,0.8,2.5,1.5
+		c0.7,0.7,1.1,1.5,1.4,2.5c0.2,1,0.4,2.6,0.4,4.8c0,2.5,0.1,4.1,0.3,4.9c0.3,1.1,0.8,1.9,1.4,2.3c0.6,0.5,1.6,0.7,2.8,0.8L58.7,42.1
+		L58.7,42.1z"/>
+</g>
+<g>
+	
+		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="45.0368" y1="25.8132" x2="58.5368" y2="12.3132" gradientTransform="matrix(1 0 0 1 0 2)">
+		<stop  offset="0" style="stop-color:#FFFFFF"/>
+		<stop  offset="0.35" style="stop-color:#FAFBFB"/>
+		<stop  offset="0.532" style="stop-color:#EDF1F4"/>
+		<stop  offset="0.675" style="stop-color:#DDE5E9"/>
+		<stop  offset="0.799" style="stop-color:#C7D3DA"/>
+		<stop  offset="0.908" style="stop-color:#ADBDC7"/>
+		<stop  offset="1" style="stop-color:#92A5B0"/>
+	</linearGradient>
+	<path class="st4" d="M45,1l27,26.7H45V1z"/>
+	<path class="st5" d="M45,1l27,26.7H45V1z"/>
+</g>
+<g class="st6">
+	<path class="st7" d="M8.7,91.5V75.9h3.2v13h8v2.7H8.7z"/>
+	<path class="st7" d="M22.2,91.5V75.8H34v2.7h-8.6v3.5h8v2.7h-8v4.3h8.9v2.7H22.2z"/>
+	<path class="st7" d="M36.2,86.4l3.1-0.3c0.2,1,0.6,1.8,1.1,2.3s1.4,0.7,2.3,0.7c1,0,1.8-0.2,2.3-0.7c0.5-0.4,0.8-0.9,0.8-1.5
+		c0-0.4-0.1-0.7-0.3-1c-0.2-0.3-0.6-0.5-1.2-0.7c-0.4-0.1-1.2-0.4-2.6-0.7c-1.7-0.4-2.9-0.9-3.6-1.6c-1-0.9-1.5-1.9-1.5-3.2
+		c0-0.8,0.2-1.6,0.7-2.2c0.5-0.7,1.1-1.2,2-1.6c0.9-0.4,1.9-0.5,3.1-0.5c2,0,3.5,0.4,4.5,1.3c1,0.9,1.5,2,1.6,3.5l-3.2,0.1
+		c-0.1-0.8-0.4-1.4-0.9-1.7c-0.5-0.4-1.1-0.5-2-0.5c-0.9,0-1.7,0.2-2.2,0.6c-0.3,0.2-0.5,0.6-0.5,1c0,0.4,0.2,0.7,0.5,1
+		c0.4,0.3,1.4,0.7,3,1.1c1.6,0.4,2.7,0.7,3.5,1.1c0.7,0.4,1.3,0.9,1.8,1.6c0.4,0.7,0.6,1.5,0.6,2.5c0,0.9-0.3,1.7-0.8,2.5
+		c-0.5,0.8-1.2,1.4-2.1,1.8c-0.9,0.4-2.1,0.6-3.5,0.6c-2,0-3.6-0.5-4.6-1.4C37,89.5,36.4,88.2,36.2,86.4z"/>
+	<path class="st7" d="M51,86.4l3.1-0.3c0.2,1,0.6,1.8,1.1,2.3s1.4,0.7,2.3,0.7c1,0,1.8-0.2,2.3-0.7c0.5-0.4,0.8-0.9,0.8-1.5
+		c0-0.4-0.1-0.7-0.3-1c-0.2-0.3-0.6-0.5-1.2-0.7c-0.4-0.1-1.2-0.4-2.6-0.7c-1.7-0.4-2.9-0.9-3.6-1.6c-1-0.9-1.5-1.9-1.5-3.2
+		c0-0.8,0.2-1.6,0.7-2.2c0.5-0.7,1.1-1.2,2-1.6c0.9-0.4,1.9-0.5,3.1-0.5c2,0,3.5,0.4,4.5,1.3c1,0.9,1.5,2,1.6,3.5l-3.2,0.1
+		c-0.1-0.8-0.4-1.4-0.9-1.7c-0.5-0.4-1.1-0.5-2-0.5c-0.9,0-1.7,0.2-2.2,0.6c-0.3,0.2-0.5,0.6-0.5,1c0,0.4,0.2,0.7,0.5,1
+		c0.4,0.3,1.4,0.7,3,1.1s2.7,0.7,3.5,1.1c0.7,0.4,1.3,0.9,1.8,1.6c0.4,0.7,0.6,1.5,0.6,2.5c0,0.9-0.3,1.7-0.8,2.5s-1.2,1.4-2.1,1.8
+		c-0.9,0.4-2.1,0.6-3.5,0.6c-2,0-3.6-0.5-4.6-1.4C51.8,89.5,51.2,88.2,51,86.4z"/>
+</g>
+</svg>
diff --git a/icons/modern/sass.svg b/icons/modern/sass.svg
new file mode 100644
index 0000000..ab8fb9f
--- /dev/null
+++ b/icons/modern/sass.svg
@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 72 100" style="enable-background:new 0 0 72 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill-opacity:0;stroke:#7191A1;stroke-width:2;}
+	.st2{fill:url(#SVGID_2_);}
+	.st3{fill:url(#SVGID_3_);}
+	.st4{fill:url(#SVGID_4_);}
+	.st5{fill-opacity:0;stroke:#7191A1;stroke-width:2;stroke-linejoin:bevel;}
+	.st6{enable-background:new    ;}
+	.st7{fill:#4C6C7B;}
+</style>
+<g>
+	
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="36" y1="97" x2="36" y2="-1" gradientTransform="matrix(1 0 0 1 0 2)">
+		<stop  offset="0" style="stop-color:#C8D4DB"/>
+		<stop  offset="0.139" style="stop-color:#D8E1E6"/>
+		<stop  offset="0.359" style="stop-color:#EBF0F3"/>
+		<stop  offset="0.617" style="stop-color:#F9FAFB"/>
+		<stop  offset="1" style="stop-color:#FFFFFF"/>
+	</linearGradient>
+	<path class="st0" d="M45,1l27,26.7V99H0V1H45z"/>
+	<path class="st1" d="M45,1l27,26.7V99H0V1H45z"/>
+</g>
+<g>
+	
+		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="21.45" y1="40.638" x2="21.45" y2="80.086" gradientTransform="matrix(1 0 0 -1 0 100)">
+		<stop  offset="0" style="stop-color:#869BA6"/>
+		<stop  offset="0.379" style="stop-color:#8399A4"/>
+		<stop  offset="0.576" style="stop-color:#7B929E"/>
+		<stop  offset="0.731" style="stop-color:#6D8694"/>
+		<stop  offset="0.863" style="stop-color:#5A7785"/>
+		<stop  offset="0.981" style="stop-color:#426373"/>
+		<stop  offset="0.99" style="stop-color:#416271"/>
+	</linearGradient>
+	<path class="st2" d="M14.4,42.1v-4.9c1-0.1,1.8-0.2,2.3-0.5c0.5-0.2,0.9-0.7,1.3-1.2c0.4-0.6,0.6-1.3,0.8-2.2
+		c0.1-0.7,0.2-1.8,0.2-3.4c0-2.7,0.1-4.5,0.4-5.6c0.2-1,0.7-1.9,1.3-2.5s1.6-1.1,2.8-1.5c0.8-0.2,2.1-0.4,3.9-0.4h1.1v4.9
+		c-1.5,0-2.5,0.1-2.9,0.3c-0.4,0.2-0.7,0.4-1,0.8c-0.2,0.3-0.3,0.9-0.3,1.8s-0.1,2.5-0.2,4.9C24,34,23.9,35.1,23.6,36
+		c-0.3,0.8-0.7,1.5-1.1,2.1c-0.4,0.5-1.1,1.1-2,1.7c0.8,0.5,1.5,1,2,1.6s0.9,1.4,1.2,2.3s0.5,2.1,0.5,3.6c0.1,2.3,0.1,3.7,0.1,4.4
+		c0,0.9,0.1,1.5,0.3,1.9c0.2,0.4,0.6,0.6,1,0.8c0.4,0.2,1.4,0.3,2.9,0.3v4.9h-1.1c-1.8,0-3.3-0.1-4.2-0.4c-1-0.3-1.8-0.8-2.5-1.5
+		c-0.7-0.7-1.1-1.5-1.4-2.5c-0.2-1-0.3-2.6-0.3-4.8c0-2.5-0.1-4.2-0.3-4.9c-0.3-1.1-0.8-1.9-1.4-2.4C16.6,42.5,15.7,42.1,14.4,42.1z
+		"/>
+	
+		<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="51.7" y1="40.638" x2="51.7" y2="80.086" gradientTransform="matrix(1 0 0 -1 0 100)">
+		<stop  offset="0" style="stop-color:#869BA6"/>
+		<stop  offset="0.379" style="stop-color:#8399A4"/>
+		<stop  offset="0.576" style="stop-color:#7B929E"/>
+		<stop  offset="0.731" style="stop-color:#6D8694"/>
+		<stop  offset="0.863" style="stop-color:#5A7785"/>
+		<stop  offset="0.981" style="stop-color:#426373"/>
+		<stop  offset="0.99" style="stop-color:#416271"/>
+	</linearGradient>
+	<path class="st3" d="M58.7,42.1c-1,0.1-1.8,0.2-2.3,0.5c-0.5,0.2-0.9,0.7-1.3,1.2c-0.4,0.6-0.6,1.3-0.8,2.2
+		c-0.1,0.7-0.2,1.8-0.2,3.4c0,2.7-0.1,4.5-0.4,5.6c-0.2,1.1-0.7,1.9-1.3,2.5c-0.6,0.6-1.6,1.1-2.8,1.5c-0.8,0.2-2.1,0.4-3.9,0.4
+		h-1.1v-4.9c1.5,0,2.4-0.1,2.9-0.3s0.8-0.5,1-0.8c0.2-0.3,0.3-0.9,0.3-1.8c0-0.8,0.1-2.4,0.2-4.8c0.1-1.4,0.3-2.6,0.6-3.4
+		c0.3-0.9,0.7-1.6,1.2-2.2s1.1-1.1,1.9-1.6c-1-0.7-1.8-1.3-2.2-1.9c-0.6-0.9-1.1-2.1-1.3-3.4c-0.2-1-0.3-3.1-0.3-6.3
+		c0-1-0.1-1.7-0.3-2.1c-0.2-0.3-0.5-0.6-0.9-0.8c-0.4-0.2-1.4-0.3-3-0.3V20h1.1c1.8,0,3.3,0.1,4.2,0.4c1,0.3,1.8,0.8,2.5,1.5
+		c0.7,0.7,1.1,1.5,1.4,2.5c0.2,1,0.4,2.6,0.4,4.8c0,2.5,0.1,4.1,0.3,4.9c0.3,1.1,0.8,1.9,1.4,2.3c0.6,0.5,1.6,0.7,2.8,0.8L58.7,42.1
+		L58.7,42.1z"/>
+</g>
+<g>
+	
+		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="45.0368" y1="25.8132" x2="58.5368" y2="12.3132" gradientTransform="matrix(1 0 0 1 0 2)">
+		<stop  offset="0" style="stop-color:#FFFFFF"/>
+		<stop  offset="0.35" style="stop-color:#FAFBFB"/>
+		<stop  offset="0.532" style="stop-color:#EDF1F4"/>
+		<stop  offset="0.675" style="stop-color:#DDE5E9"/>
+		<stop  offset="0.799" style="stop-color:#C7D3DA"/>
+		<stop  offset="0.908" style="stop-color:#ADBDC7"/>
+		<stop  offset="1" style="stop-color:#92A5B0"/>
+	</linearGradient>
+	<path class="st4" d="M45,1l27,26.7H45V1z"/>
+	<path class="st5" d="M45,1l27,26.7H45V1z"/>
+</g>
+<g class="st6">
+	<path class="st7" d="M6.7,86.4l3.1-0.3c0.2,1,0.6,1.8,1.1,2.3s1.4,0.7,2.3,0.7c1,0,1.8-0.2,2.3-0.7c0.5-0.4,0.8-0.9,0.8-1.5
+		c0-0.4-0.1-0.7-0.3-1c-0.2-0.3-0.6-0.5-1.2-0.7c-0.4-0.1-1.2-0.4-2.6-0.7c-1.7-0.4-2.9-0.9-3.6-1.6c-1-0.9-1.5-1.9-1.5-3.2
+		c0-0.8,0.2-1.6,0.7-2.2c0.5-0.7,1.1-1.2,2-1.6s1.9-0.5,3.1-0.5c2,0,3.5,0.4,4.5,1.3s1.5,2,1.6,3.5L16,80.4
+		c-0.1-0.8-0.4-1.4-0.9-1.7c-0.5-0.4-1.1-0.5-2-0.5c-0.9,0-1.7,0.2-2.2,0.6c-0.3,0.2-0.5,0.6-0.5,1c0,0.4,0.2,0.7,0.5,1
+		c0.4,0.3,1.4,0.7,3,1.1c1.6,0.4,2.7,0.7,3.5,1.1c0.7,0.4,1.3,0.9,1.8,1.6c0.4,0.7,0.6,1.5,0.6,2.5c0,0.9-0.3,1.7-0.8,2.5
+		s-1.2,1.4-2.1,1.8c-0.9,0.4-2.1,0.6-3.5,0.6c-2,0-3.6-0.5-4.6-1.4C7.5,89.5,6.9,88.2,6.7,86.4z"/>
+	<path class="st7" d="M36.7,91.5h-3.5L31.8,88h-6.4l-1.3,3.6h-3.4l6.2-15.7h3.4L36.7,91.5z M30.8,85.3l-2.2-5.8l-2.1,5.8H30.8z"/>
+	<path class="st7" d="M37.6,86.4l3.1-0.3c0.2,1,0.6,1.8,1.1,2.3s1.4,0.7,2.3,0.7c1,0,1.8-0.2,2.3-0.7c0.5-0.4,0.8-0.9,0.8-1.5
+		c0-0.4-0.1-0.7-0.3-1c-0.2-0.3-0.6-0.5-1.2-0.7c-0.4-0.1-1.2-0.4-2.6-0.7c-1.7-0.4-2.9-0.9-3.6-1.6c-1-0.9-1.5-1.9-1.5-3.2
+		c0-0.8,0.2-1.6,0.7-2.2c0.5-0.7,1.1-1.2,2-1.6c0.9-0.4,1.9-0.5,3.1-0.5c2,0,3.5,0.4,4.5,1.3c1,0.9,1.5,2,1.6,3.5l-3.2,0.1
+		c-0.1-0.8-0.4-1.4-0.9-1.7c-0.5-0.4-1.1-0.5-2-0.5c-0.9,0-1.7,0.2-2.2,0.6c-0.3,0.2-0.5,0.6-0.5,1c0,0.4,0.2,0.7,0.5,1
+		c0.4,0.3,1.4,0.7,3,1.1s2.7,0.7,3.5,1.1c0.7,0.4,1.3,0.9,1.8,1.6c0.4,0.7,0.6,1.5,0.6,2.5c0,0.9-0.3,1.7-0.8,2.5
+		c-0.5,0.8-1.2,1.4-2.1,1.8c-0.9,0.4-2.1,0.6-3.5,0.6c-2,0-3.6-0.5-4.6-1.4C38.4,89.5,37.8,88.2,37.6,86.4z"/>
+	<path class="st7" d="M52.4,86.4l3.1-0.3c0.2,1,0.6,1.8,1.1,2.3s1.4,0.7,2.3,0.7c1,0,1.8-0.2,2.3-0.7c0.5-0.4,0.8-0.9,0.8-1.5
+		c0-0.4-0.1-0.7-0.3-1c-0.2-0.3-0.6-0.5-1.2-0.7c-0.4-0.1-1.2-0.4-2.6-0.7c-1.7-0.4-2.9-0.9-3.6-1.6c-1-0.9-1.5-1.9-1.5-3.2
+		c0-0.8,0.2-1.6,0.7-2.2c0.5-0.7,1.1-1.2,2-1.6c0.9-0.4,1.9-0.5,3.1-0.5c2,0,3.5,0.4,4.5,1.3c1,0.9,1.5,2,1.6,3.5l-3.2,0.1
+		c-0.1-0.8-0.4-1.4-0.9-1.7c-0.5-0.4-1.1-0.5-2-0.5c-0.9,0-1.7,0.2-2.2,0.6c-0.3,0.2-0.5,0.6-0.5,1c0,0.4,0.2,0.7,0.5,1
+		c0.4,0.3,1.4,0.7,3,1.1s2.7,0.7,3.5,1.1c0.7,0.4,1.3,0.9,1.8,1.6c0.4,0.7,0.6,1.5,0.6,2.5c0,0.9-0.3,1.7-0.8,2.5s-1.2,1.4-2.1,1.8
+		c-0.9,0.4-2.1,0.6-3.5,0.6c-2,0-3.6-0.5-4.6-1.4C53.2,89.5,52.6,88.2,52.4,86.4z"/>
+</g>
+</svg>
diff --git a/icons/modern/scss.svg b/icons/modern/scss.svg
new file mode 100644
index 0000000..97bb423
--- /dev/null
+++ b/icons/modern/scss.svg
@@ -0,0 +1,101 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 72 100" style="enable-background:new 0 0 72 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill-opacity:0;stroke:#7191A1;stroke-width:2;}
+	.st2{fill:url(#SVGID_2_);}
+	.st3{fill:url(#SVGID_3_);}
+	.st4{fill:url(#SVGID_4_);}
+	.st5{fill-opacity:0;stroke:#7191A1;stroke-width:2;stroke-linejoin:bevel;}
+	.st6{enable-background:new    ;}
+	.st7{fill:#4C6C7B;}
+</style>
+<g>
+	
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="36" y1="97" x2="36" y2="-1" gradientTransform="matrix(1 0 0 1 0 2)">
+		<stop  offset="0" style="stop-color:#C8D4DB"/>
+		<stop  offset="0.139" style="stop-color:#D8E1E6"/>
+		<stop  offset="0.359" style="stop-color:#EBF0F3"/>
+		<stop  offset="0.617" style="stop-color:#F9FAFB"/>
+		<stop  offset="1" style="stop-color:#FFFFFF"/>
+	</linearGradient>
+	<path class="st0" d="M45,1l27,26.7V99H0V1H45z"/>
+	<path class="st1" d="M45,1l27,26.7V99H0V1H45z"/>
+</g>
+<g>
+	
+		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="21.45" y1="40.638" x2="21.45" y2="80.086" gradientTransform="matrix(1 0 0 -1 0 100)">
+		<stop  offset="0" style="stop-color:#869BA6"/>
+		<stop  offset="0.379" style="stop-color:#8399A4"/>
+		<stop  offset="0.576" style="stop-color:#7B929E"/>
+		<stop  offset="0.731" style="stop-color:#6D8694"/>
+		<stop  offset="0.863" style="stop-color:#5A7785"/>
+		<stop  offset="0.981" style="stop-color:#426373"/>
+		<stop  offset="0.99" style="stop-color:#416271"/>
+	</linearGradient>
+	<path class="st2" d="M14.4,42.1v-4.9c1-0.1,1.8-0.2,2.3-0.5c0.5-0.2,0.9-0.7,1.3-1.2c0.4-0.6,0.6-1.3,0.8-2.2
+		c0.1-0.7,0.2-1.8,0.2-3.4c0-2.7,0.1-4.5,0.4-5.6c0.2-1,0.7-1.9,1.3-2.5s1.6-1.1,2.8-1.5c0.8-0.2,2.1-0.4,3.9-0.4h1.1v4.9
+		c-1.5,0-2.5,0.1-2.9,0.3c-0.4,0.2-0.7,0.4-1,0.8c-0.2,0.3-0.3,0.9-0.3,1.8s-0.1,2.5-0.2,4.9C24,34,23.9,35.1,23.6,36
+		c-0.3,0.8-0.7,1.5-1.1,2.1c-0.4,0.5-1.1,1.1-2,1.7c0.8,0.5,1.5,1,2,1.6s0.9,1.4,1.2,2.3s0.5,2.1,0.5,3.6c0.1,2.3,0.1,3.7,0.1,4.4
+		c0,0.9,0.1,1.5,0.3,1.9c0.2,0.4,0.6,0.6,1,0.8c0.4,0.2,1.4,0.3,2.9,0.3v4.9h-1.1c-1.8,0-3.3-0.1-4.2-0.4c-1-0.3-1.8-0.8-2.5-1.5
+		c-0.7-0.7-1.1-1.5-1.4-2.5c-0.2-1-0.3-2.6-0.3-4.8c0-2.5-0.1-4.2-0.3-4.9c-0.3-1.1-0.8-1.9-1.4-2.4C16.6,42.5,15.7,42.1,14.4,42.1z
+		"/>
+	
+		<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="51.7" y1="40.638" x2="51.7" y2="80.086" gradientTransform="matrix(1 0 0 -1 0 100)">
+		<stop  offset="0" style="stop-color:#869BA6"/>
+		<stop  offset="0.379" style="stop-color:#8399A4"/>
+		<stop  offset="0.576" style="stop-color:#7B929E"/>
+		<stop  offset="0.731" style="stop-color:#6D8694"/>
+		<stop  offset="0.863" style="stop-color:#5A7785"/>
+		<stop  offset="0.981" style="stop-color:#426373"/>
+		<stop  offset="0.99" style="stop-color:#416271"/>
+	</linearGradient>
+	<path class="st3" d="M58.7,42.1c-1,0.1-1.8,0.2-2.3,0.5c-0.5,0.2-0.9,0.7-1.3,1.2c-0.4,0.6-0.6,1.3-0.8,2.2
+		c-0.1,0.7-0.2,1.8-0.2,3.4c0,2.7-0.1,4.5-0.4,5.6c-0.2,1.1-0.7,1.9-1.3,2.5c-0.6,0.6-1.6,1.1-2.8,1.5c-0.8,0.2-2.1,0.4-3.9,0.4
+		h-1.1v-4.9c1.5,0,2.4-0.1,2.9-0.3s0.8-0.5,1-0.8c0.2-0.3,0.3-0.9,0.3-1.8c0-0.8,0.1-2.4,0.2-4.8c0.1-1.4,0.3-2.6,0.6-3.4
+		c0.3-0.9,0.7-1.6,1.2-2.2s1.1-1.1,1.9-1.6c-1-0.7-1.8-1.3-2.2-1.9c-0.6-0.9-1.1-2.1-1.3-3.4c-0.2-1-0.3-3.1-0.3-6.3
+		c0-1-0.1-1.7-0.3-2.1c-0.2-0.3-0.5-0.6-0.9-0.8c-0.4-0.2-1.4-0.3-3-0.3V20h1.1c1.8,0,3.3,0.1,4.2,0.4c1,0.3,1.8,0.8,2.5,1.5
+		c0.7,0.7,1.1,1.5,1.4,2.5c0.2,1,0.4,2.6,0.4,4.8c0,2.5,0.1,4.1,0.3,4.9c0.3,1.1,0.8,1.9,1.4,2.3c0.6,0.5,1.6,0.7,2.8,0.8L58.7,42.1
+		L58.7,42.1z"/>
+</g>
+<g>
+	
+		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="45.0368" y1="25.8132" x2="58.5368" y2="12.3132" gradientTransform="matrix(1 0 0 1 0 2)">
+		<stop  offset="0" style="stop-color:#FFFFFF"/>
+		<stop  offset="0.35" style="stop-color:#FAFBFB"/>
+		<stop  offset="0.532" style="stop-color:#EDF1F4"/>
+		<stop  offset="0.675" style="stop-color:#DDE5E9"/>
+		<stop  offset="0.799" style="stop-color:#C7D3DA"/>
+		<stop  offset="0.908" style="stop-color:#ADBDC7"/>
+		<stop  offset="1" style="stop-color:#92A5B0"/>
+	</linearGradient>
+	<path class="st4" d="M45,1l27,26.7H45V1z"/>
+	<path class="st5" d="M45,1l27,26.7H45V1z"/>
+</g>
+<g class="st6">
+	<path class="st7" d="M6.7,86.4l3.1-0.3c0.2,1,0.6,1.8,1.1,2.3s1.4,0.7,2.3,0.7c1,0,1.8-0.2,2.3-0.7c0.5-0.4,0.8-0.9,0.8-1.5
+		c0-0.4-0.1-0.7-0.3-1c-0.2-0.3-0.6-0.5-1.2-0.7c-0.4-0.1-1.2-0.4-2.6-0.7c-1.7-0.4-2.9-0.9-3.6-1.6c-1-0.9-1.5-1.9-1.5-3.2
+		c0-0.8,0.2-1.6,0.7-2.2c0.5-0.7,1.1-1.2,2-1.6s1.9-0.5,3.1-0.5c2,0,3.5,0.4,4.5,1.3s1.5,2,1.6,3.5L16,80.4
+		c-0.1-0.8-0.4-1.4-0.9-1.7c-0.5-0.4-1.1-0.5-2-0.5c-0.9,0-1.7,0.2-2.2,0.6c-0.3,0.2-0.5,0.6-0.5,1c0,0.4,0.2,0.7,0.5,1
+		c0.4,0.3,1.4,0.7,3,1.1c1.6,0.4,2.7,0.7,3.5,1.1c0.7,0.4,1.3,0.9,1.8,1.6c0.4,0.7,0.6,1.5,0.6,2.5c0,0.9-0.3,1.7-0.8,2.5
+		s-1.2,1.4-2.1,1.8c-0.9,0.4-2.1,0.6-3.5,0.6c-2,0-3.6-0.5-4.6-1.4C7.5,89.5,6.9,88.2,6.7,86.4z"/>
+	<path class="st7" d="M32.5,85.8l3.1,1c-0.5,1.7-1.3,3-2.4,3.8c-1.1,0.8-2.5,1.3-4.2,1.3c-2.1,0-3.8-0.7-5.2-2.1
+		c-1.4-1.4-2-3.4-2-5.9c0-2.6,0.7-4.7,2.1-6.1c1.4-1.4,3.2-2.2,5.4-2.2c1.9,0,3.5,0.6,4.7,1.7c0.7,0.7,1.3,1.6,1.6,2.9l-3.2,0.8
+		c-0.2-0.8-0.6-1.5-1.2-1.9c-0.6-0.5-1.3-0.7-2.2-0.7c-1.2,0-2.1,0.4-2.9,1.3s-1.1,2.2-1.1,4.1c0,2,0.4,3.4,1.1,4.3s1.7,1.3,2.8,1.3
+		c0.9,0,1.6-0.3,2.2-0.8C31.8,87.8,32.2,86.9,32.5,85.8z"/>
+	<path class="st7" d="M37.6,86.4l3.1-0.3c0.2,1,0.6,1.8,1.1,2.3s1.4,0.7,2.3,0.7c1,0,1.8-0.2,2.3-0.7c0.5-0.4,0.8-0.9,0.8-1.5
+		c0-0.4-0.1-0.7-0.3-1c-0.2-0.3-0.6-0.5-1.2-0.7c-0.4-0.1-1.2-0.4-2.6-0.7c-1.7-0.4-2.9-0.9-3.6-1.6c-1-0.9-1.5-1.9-1.5-3.2
+		c0-0.8,0.2-1.6,0.7-2.2c0.5-0.7,1.1-1.2,2-1.6c0.9-0.4,1.9-0.5,3.1-0.5c2,0,3.5,0.4,4.5,1.3c1,0.9,1.5,2,1.6,3.5l-3.2,0.1
+		c-0.1-0.8-0.4-1.4-0.9-1.7c-0.5-0.4-1.1-0.5-2-0.5c-0.9,0-1.7,0.2-2.2,0.6c-0.3,0.2-0.5,0.6-0.5,1c0,0.4,0.2,0.7,0.5,1
+		c0.4,0.3,1.4,0.7,3,1.1s2.7,0.7,3.5,1.1c0.7,0.4,1.3,0.9,1.8,1.6c0.4,0.7,0.6,1.5,0.6,2.5c0,0.9-0.3,1.7-0.8,2.5
+		c-0.5,0.8-1.2,1.4-2.1,1.8c-0.9,0.4-2.1,0.6-3.5,0.6c-2,0-3.6-0.5-4.6-1.4C38.4,89.5,37.8,88.2,37.6,86.4z"/>
+	<path class="st7" d="M52.4,86.4l3.1-0.3c0.2,1,0.6,1.8,1.1,2.3s1.4,0.7,2.3,0.7c1,0,1.8-0.2,2.3-0.7c0.5-0.4,0.8-0.9,0.8-1.5
+		c0-0.4-0.1-0.7-0.3-1c-0.2-0.3-0.6-0.5-1.2-0.7c-0.4-0.1-1.2-0.4-2.6-0.7c-1.7-0.4-2.9-0.9-3.6-1.6c-1-0.9-1.5-1.9-1.5-3.2
+		c0-0.8,0.2-1.6,0.7-2.2c0.5-0.7,1.1-1.2,2-1.6c0.9-0.4,1.9-0.5,3.1-0.5c2,0,3.5,0.4,4.5,1.3c1,0.9,1.5,2,1.6,3.5l-3.2,0.1
+		c-0.1-0.8-0.4-1.4-0.9-1.7c-0.5-0.4-1.1-0.5-2-0.5c-0.9,0-1.7,0.2-2.2,0.6c-0.3,0.2-0.5,0.6-0.5,1c0,0.4,0.2,0.7,0.5,1
+		c0.4,0.3,1.4,0.7,3,1.1s2.7,0.7,3.5,1.1c0.7,0.4,1.3,0.9,1.8,1.6c0.4,0.7,0.6,1.5,0.6,2.5c0,0.9-0.3,1.7-0.8,2.5s-1.2,1.4-2.1,1.8
+		c-0.9,0.4-2.1,0.6-3.5,0.6c-2,0-3.6-0.5-4.6-1.4C53.2,89.5,52.6,88.2,52.4,86.4z"/>
+</g>
+</svg>
diff --git a/icons/modern/ts.svg b/icons/modern/ts.svg
index 217da84..bf1664c 100644
--- a/icons/modern/ts.svg
+++ b/icons/modern/ts.svg
@@ -6,11 +6,11 @@
 	.st0{fill:url(#SVGID_1_);}
 	.st1{fill-opacity:0;stroke:#7191A1;stroke-width:2;}
 	.st2{fill:url(#SVGID_2_);}
-	.st3{fill-opacity:0;stroke:#7191A1;stroke-width:2;stroke-linejoin:bevel;}
-	.st4{enable-background:new    ;}
-	.st5{fill:#4C6C7B;}
-	.st6{fill:url(#SVGID_3_);}
-	.st7{fill:url(#SVGID_4_);}
+	.st3{fill:url(#SVGID_3_);}
+	.st4{fill:url(#SVGID_4_);}
+	.st5{fill-opacity:0;stroke:#7191A1;stroke-width:2;stroke-linejoin:bevel;}
+	.st6{enable-background:new    ;}
+	.st7{fill:#4C6C7B;}
 </style>
 <g>
 	
@@ -26,7 +26,43 @@
 </g>
 <g>
 	
-		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="45.0368" y1="25.8132" x2="58.5368" y2="12.3132" gradientTransform="matrix(1 0 0 1 0 2)">
+		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="21.45" y1="40.638" x2="21.45" y2="80.086" gradientTransform="matrix(1 0 0 -1 0 100)">
+		<stop  offset="0" style="stop-color:#869BA6"/>
+		<stop  offset="0.379" style="stop-color:#8399A4"/>
+		<stop  offset="0.576" style="stop-color:#7B929E"/>
+		<stop  offset="0.731" style="stop-color:#6D8694"/>
+		<stop  offset="0.863" style="stop-color:#5A7785"/>
+		<stop  offset="0.981" style="stop-color:#426373"/>
+		<stop  offset="0.99" style="stop-color:#416271"/>
+	</linearGradient>
+	<path class="st2" d="M14.4,42.1v-4.9c1-0.1,1.8-0.2,2.3-0.5c0.5-0.2,0.9-0.7,1.3-1.2c0.4-0.6,0.6-1.3,0.8-2.2
+		c0.1-0.7,0.2-1.8,0.2-3.4c0-2.7,0.1-4.5,0.4-5.6c0.2-1,0.7-1.9,1.3-2.5s1.6-1.1,2.8-1.5c0.8-0.2,2.1-0.4,3.9-0.4h1.1v4.9
+		c-1.5,0-2.5,0.1-2.9,0.3c-0.4,0.2-0.7,0.4-1,0.8c-0.2,0.3-0.3,0.9-0.3,1.8s-0.1,2.5-0.2,4.9C24,34,23.9,35.1,23.6,36
+		c-0.3,0.8-0.7,1.5-1.1,2.1c-0.4,0.5-1.1,1.1-2,1.7c0.8,0.5,1.5,1,2,1.6s0.9,1.4,1.2,2.3s0.5,2.1,0.5,3.6c0.1,2.3,0.1,3.7,0.1,4.4
+		c0,0.9,0.1,1.5,0.3,1.9c0.2,0.4,0.6,0.6,1,0.8c0.4,0.2,1.4,0.3,2.9,0.3v4.9h-1.1c-1.8,0-3.3-0.1-4.2-0.4c-1-0.3-1.8-0.8-2.5-1.5
+		c-0.7-0.7-1.1-1.5-1.4-2.5c-0.2-1-0.3-2.6-0.3-4.8c0-2.5-0.1-4.2-0.3-4.9c-0.3-1.1-0.8-1.9-1.4-2.4C16.6,42.5,15.7,42.1,14.4,42.1z
+		"/>
+	
+		<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="51.7" y1="40.638" x2="51.7" y2="80.086" gradientTransform="matrix(1 0 0 -1 0 100)">
+		<stop  offset="0" style="stop-color:#869BA6"/>
+		<stop  offset="0.379" style="stop-color:#8399A4"/>
+		<stop  offset="0.576" style="stop-color:#7B929E"/>
+		<stop  offset="0.731" style="stop-color:#6D8694"/>
+		<stop  offset="0.863" style="stop-color:#5A7785"/>
+		<stop  offset="0.981" style="stop-color:#426373"/>
+		<stop  offset="0.99" style="stop-color:#416271"/>
+	</linearGradient>
+	<path class="st3" d="M58.7,42.1c-1,0.1-1.8,0.2-2.3,0.5c-0.5,0.2-0.9,0.7-1.3,1.2c-0.4,0.6-0.6,1.3-0.8,2.2
+		c-0.1,0.7-0.2,1.8-0.2,3.4c0,2.7-0.1,4.5-0.4,5.6c-0.2,1.1-0.7,1.9-1.3,2.5c-0.6,0.6-1.6,1.1-2.8,1.5c-0.8,0.2-2.1,0.4-3.9,0.4
+		h-1.1v-4.9c1.5,0,2.4-0.1,2.9-0.3s0.8-0.5,1-0.8c0.2-0.3,0.3-0.9,0.3-1.8c0-0.8,0.1-2.4,0.2-4.8c0.1-1.4,0.3-2.6,0.6-3.4
+		c0.3-0.9,0.7-1.6,1.2-2.2s1.1-1.1,1.9-1.6c-1-0.7-1.8-1.3-2.2-1.9c-0.6-0.9-1.1-2.1-1.3-3.4c-0.2-1-0.3-3.1-0.3-6.3
+		c0-1-0.1-1.7-0.3-2.1c-0.2-0.3-0.5-0.6-0.9-0.8c-0.4-0.2-1.4-0.3-3-0.3V20h1.1c1.8,0,3.3,0.1,4.2,0.4c1,0.3,1.8,0.8,2.5,1.5
+		c0.7,0.7,1.1,1.5,1.4,2.5c0.2,1,0.4,2.6,0.4,4.8c0,2.5,0.1,4.1,0.3,4.9c0.3,1.1,0.8,1.9,1.4,2.3c0.6,0.5,1.6,0.7,2.8,0.8L58.7,42.1
+		L58.7,42.1z"/>
+</g>
+<g>
+	
+		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="45.0368" y1="25.8132" x2="58.5368" y2="12.3132" gradientTransform="matrix(1 0 0 1 0 2)">
 		<stop  offset="0" style="stop-color:#FFFFFF"/>
 		<stop  offset="0.35" style="stop-color:#FAFBFB"/>
 		<stop  offset="0.532" style="stop-color:#EDF1F4"/>
@@ -35,39 +71,16 @@
 		<stop  offset="0.908" style="stop-color:#ADBDC7"/>
 		<stop  offset="1" style="stop-color:#92A5B0"/>
 	</linearGradient>
-	<path class="st2" d="M45,1l27,26.7H45V1z"/>
-	<path class="st3" d="M45,1l27,26.7H45V1z"/>
+	<path class="st4" d="M45,1l27,26.7H45V1z"/>
+	<path class="st5" d="M45,1l27,26.7H45V1z"/>
 </g>
-<g class="st4">
-	<path class="st5" d="M25.6,91.5V75.5h-5.8v-3.3h15.5v3.3h-5.8v16.1H25.6z"/>
-	<path class="st5" d="M36.8,85.3l3.8-0.4c0.2,1.3,0.7,2.2,1.4,2.8s1.7,0.9,2.9,0.9c1.3,0,2.2-0.3,2.9-0.8c0.6-0.5,1-1.2,1-1.9
+<g class="st6">
+	<path class="st7" d="M25.6,91.5V75.5h-5.8v-3.3h15.5v3.3h-5.8v16.1H25.6z"/>
+	<path class="st7" d="M36.8,85.3l3.8-0.4c0.2,1.3,0.7,2.2,1.4,2.8s1.7,0.9,2.9,0.9c1.3,0,2.2-0.3,2.9-0.8c0.6-0.5,1-1.2,1-1.9
 		c0-0.5-0.1-0.8-0.4-1.2c-0.3-0.3-0.7-0.6-1.4-0.8c-0.5-0.2-1.5-0.4-3.2-0.8c-2.1-0.5-3.6-1.2-4.4-1.9c-1.2-1.1-1.8-2.4-1.8-3.9
 		c0-1,0.3-1.9,0.8-2.8c0.6-0.9,1.4-1.5,2.4-2c1.1-0.4,2.3-0.7,3.8-0.7c2.5,0,4.3,0.5,5.5,1.6c1.2,1.1,1.9,2.5,2,4.3l-3.9,0.2
 		c-0.2-1-0.5-1.7-1.1-2.1c-0.6-0.4-1.4-0.7-2.5-0.7c-1.1,0-2,0.2-2.7,0.7c-0.4,0.3-0.6,0.7-0.6,1.2c0,0.5,0.2,0.8,0.6,1.2
 		c0.5,0.4,1.7,0.8,3.6,1.3c1.9,0.4,3.3,0.9,4.3,1.4c0.9,0.5,1.6,1.1,2.2,2c0.5,0.8,0.8,1.9,0.8,3.1c0,1.1-0.3,2.1-0.9,3.1
 		c-0.6,1-1.5,1.7-2.6,2.2c-1.1,0.5-2.6,0.7-4.2,0.7c-2.5,0-4.4-0.6-5.7-1.7C37.9,89.1,37.1,87.4,36.8,85.3z"/>
 </g>
-<g>
-	<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="19.25" y1="35.7421" x2="19.25" y2="59.2421">
-		<stop  offset="0" style="stop-color:#869BA6"/>
-		<stop  offset="0.379" style="stop-color:#8399A4"/>
-		<stop  offset="0.576" style="stop-color:#7B929E"/>
-		<stop  offset="0.731" style="stop-color:#6D8694"/>
-		<stop  offset="0.863" style="stop-color:#5A7785"/>
-		<stop  offset="0.981" style="stop-color:#426373"/>
-		<stop  offset="0.99" style="stop-color:#416271"/>
-	</linearGradient>
-	<polygon class="st6" points="30.8,40.9 14.1,47.5 30.8,54.1 30.8,59.3 7.8,50.2 7.8,44.9 30.8,35.8 	"/>
-	
-		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="53.25" y1="40.8061" x2="53.25" y2="64.3061" gradientTransform="matrix(1 0 0 -1 0 100)">
-		<stop  offset="0" style="stop-color:#869BA6"/>
-		<stop  offset="0.379" style="stop-color:#8399A4"/>
-		<stop  offset="0.576" style="stop-color:#7B929E"/>
-		<stop  offset="0.731" style="stop-color:#6D8694"/>
-		<stop  offset="0.863" style="stop-color:#5A7785"/>
-		<stop  offset="0.981" style="stop-color:#426373"/>
-		<stop  offset="0.99" style="stop-color:#416271"/>
-	</linearGradient>
-	<polygon class="st7" points="41.8,54.1 58.4,47.5 41.8,40.9 41.8,35.7 64.8,44.8 64.8,50.1 41.8,59.2 	"/>
-</g>
 </svg>