ISTWCMS-5881: Adding the title to svg, and adjustingthe height and size to be same

src/patterns/04-components/icon/_icon.scss

@@ -21,6 +21,7 @@
     display: inline-flex;
     height: var(--size-3);
     line-height: normal;
+    padding: 0;
     width: var(--size-3);
     svg {
       height: var(--size-3);

src/patterns/04-components/icon/icon--button/_icon--button.scss

@@ -45,10 +45,9 @@ $icon-font-size-small: var(--font-size-0) !default;
     }
   }
   &.icon--social{
-    border-width: var(--size-sm);
     border-radius: 50%;
     height: var(--size-4);
-    padding: 0 var(--size-05);
+    padding: 0 var(--size-03);
     width: var(--size-4);
     .uw-site-footer__block &{
       background: none;

src/patterns/04-components/svg/icons/_facebook.svg.twig

-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-  <title>facebook</title>
-  <path d="M22.311 17.806l0.672-5.215h-5.164v-3.332c0-1.509 0.421-2.54 2.585-2.54l2.759-0.001v-4.664c-0.477-0.065-2.113-0.206-4.024-0.206-3.982 0-6.708 2.429-6.708 6.895v3.847h-4.505v5.217h4.505v13.38h5.386v-13.38l4.493 0.001z"></path>
+<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 40 30" style="enable-background:new 0 0 40 30;" xml:space="preserve">
+  <title>Facebook</title>
+  <path d="M26.4,16l0.6-4.9h-4.9v-3c0-1.4,0.4-2.3,2.5-2.3h2.6V1.5c-0.5-0.1-2-0.2-3.8-0.2c-3.8,0-6.4,2.2-6.4,6.3v3.6h-4.3v4.9H17
+	v12.4h5.1V16H26.4L26.4,16z"/>
 </svg>

src/patterns/04-components/svg/icons/_instagram.svg.twig

-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<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 40 30" style="enable-background:new 0 0 40 30;" xml:space="preserve">
 <title>Instagram</title>
-<g>
-  <g>
-    <path id="SVGID_1_" d="M9.86,1.57C8.31,1.65,7.25,1.89,6.32,2.26C5.37,2.62,4.56,3.12,3.75,3.94c-0.82,0.82-1.3,1.63-1.67,2.58
-			C1.72,7.45,1.47,8.51,1.4,10.06c-0.06,1.55-0.09,2.05-0.07,6.01c0.01,3.95,0.02,4.45,0.1,6.01c0.07,1.55,0.32,2.61,0.68,3.53
-			c0.38,0.95,0.87,1.77,1.68,2.57c0.8,0.8,1.62,1.3,2.58,1.68c0.93,0.35,1.99,0.61,3.53,0.67s2.05,0.09,6.01,0.07
-			c3.96-0.01,4.45-0.02,6.01-0.1c1.55-0.07,2.61-0.32,3.53-0.68c0.95-0.38,1.77-0.87,2.57-1.68c0.8-0.8,1.3-1.62,1.68-2.58
-			c0.35-0.93,0.61-1.99,0.67-3.53c0.06-1.56,0.09-2.05,0.07-6.01c-0.01-3.95-0.02-4.45-0.1-6.01s-0.32-2.61-0.68-3.53
-			c-0.38-0.95-0.87-1.77-1.68-2.57c-0.8-0.8-1.62-1.3-2.58-1.68c-0.93-0.35-1.99-0.61-3.53-0.67c-1.55-0.07-2.05-0.09-6.01-0.07
-			C11.9,1.48,11.41,1.5,9.86,1.57 M10.03,27.9c-1.43-0.06-2.19-0.29-2.71-0.5c-0.68-0.27-1.17-0.57-1.68-1.08
-			c-0.51-0.51-0.83-0.99-1.08-1.67c-0.21-0.51-0.44-1.28-0.5-2.71c-0.07-1.54-0.1-2-0.1-5.89c-0.01-3.89,0.01-4.34,0.07-5.89
-			c0.05-1.4,0.29-2.18,0.5-2.71C4.8,6.78,5.1,6.29,5.62,5.78S6.6,4.95,7.29,4.69c0.51-0.21,1.28-0.44,2.71-0.5
-			c1.54-0.07,2-0.1,5.89-0.1c3.89-0.01,4.34,0.01,5.89,0.07c1.43,0.06,2.19,0.29,2.71,0.5c0.68,0.27,1.17,0.57,1.68,1.08
-			c0.51,0.51,0.83,0.99,1.08,1.68c0.21,0.51,0.44,1.28,0.5,2.71c0.07,1.54,0.1,2,0.1,5.89s-0.01,4.34-0.07,5.89
-			c-0.06,1.43-0.29,2.19-0.5,2.71c-0.27,0.68-0.57,1.17-1.08,1.68c-0.5,0.51-0.99,0.83-1.67,1.08c-0.51,0.21-1.28,0.44-2.71,0.5
-			c-1.54,0.07-2,0.1-5.89,0.1C12.03,27.97,11.56,27.97,10.03,27.9 M21.9,8.25c0,0.96,0.79,1.74,1.75,1.74S25.4,9.2,25.4,8.24
-			S24.6,6.5,23.64,6.5S21.9,7.28,21.9,8.25 M8.41,16.04c0.01,4.13,3.36,7.47,7.48,7.46c4.13-0.01,7.47-3.36,7.46-7.48
-			c-0.01-4.12-3.36-7.47-7.48-7.46C11.75,8.57,8.41,11.92,8.41,16.04 M11.03,16.04c-0.01-2.68,2.16-4.86,4.85-4.86
-			c2.68-0.01,4.86,2.16,4.86,4.85s-2.16,4.86-4.85,4.86C13.21,20.89,11.04,18.72,11.03,16.04"/>
-  </g>
-</g>
+  <path id="SVGID_1_" d="M14.3,1.2c-1.5,0.1-2.5,0.3-3.4,0.7C10,2.2,9.2,2.7,8.5,3.5C7.7,4.3,7.3,5.1,6.9,6C6.6,6.9,6.3,7.9,6.3,9.4
+			c-0.1,1.5-0.1,2-0.1,5.7c0,3.8,0,4.2,0.1,5.7s0.3,2.5,0.6,3.4c0.4,0.9,0.8,1.7,1.6,2.4c0.8,0.8,1.5,1.2,2.5,1.6
+			c0.9,0.3,1.9,0.6,3.4,0.6c1.5,0.1,2,0.1,5.7,0.1c3.8,0,4.2,0,5.7-0.1s2.5-0.3,3.4-0.6c0.9-0.4,1.7-0.8,2.4-1.6
+			c0.8-0.8,1.2-1.5,1.6-2.5c0.3-0.9,0.6-1.9,0.6-3.4c0.1-1.5,0.1-2,0.1-5.7c0-3.8,0-4.2-0.1-5.7s-0.3-2.5-0.6-3.4
+			c-0.4-0.9-0.9-1.7-1.7-2.4C30.7,2.7,30,2.3,29,1.9c-0.9-0.3-1.9-0.6-3.4-0.6c-1.5-0.1-2-0.1-5.7-0.1C16.2,1.2,15.8,1.2,14.3,1.2
+			 M14.5,26.3c-1.4-0.1-2.1-0.3-2.6-0.5c-0.6-0.3-1.1-0.5-1.6-1s-0.8-0.9-1-1.6c-0.2-0.5-0.4-1.2-0.5-2.6c-0.1-1.5-0.1-1.9-0.1-5.6
+			s0-4.1,0.1-5.6c0-1.3,0.3-2.1,0.5-2.6c0.3-0.6,0.5-1.1,1-1.6s0.9-0.8,1.6-1c0.5-0.2,1.2-0.4,2.6-0.5c1.5-0.1,1.9-0.1,5.6-0.1
+			s4.1,0,5.6,0.1c1.4,0.1,2.1,0.3,2.6,0.5c0.6,0.3,1.1,0.5,1.6,1s0.8,0.9,1,1.6c0.2,0.5,0.4,1.2,0.5,2.6c0.1,1.5,0.1,1.9,0.1,5.6
+			s0,4.1-0.1,5.6c-0.1,1.4-0.3,2.1-0.5,2.6c-0.3,0.6-0.5,1.1-1,1.6s-0.9,0.8-1.6,1c-0.5,0.2-1.2,0.4-2.6,0.5
+			c-1.5,0.1-1.9,0.1-5.6,0.1S15.9,26.4,14.5,26.3 M25.8,7.6c0,0.9,0.8,1.7,1.7,1.7s1.7-0.8,1.7-1.7s-0.8-1.7-1.7-1.7
+			C26.5,5.9,25.8,6.7,25.8,7.6 M12.9,15c0,3.9,3.2,7.1,7.1,7.1s7.1-3.2,7.1-7.1S23.9,7.9,20,7.9S12.9,11.1,12.9,15 M15.4,15
+			c0-2.5,2.1-4.6,4.6-4.6s4.6,2.1,4.6,4.6s-2.1,4.6-4.6,4.6S15.4,17.6,15.4,15"/>
 </svg>

src/patterns/04-components/svg/icons/_linkedin.svg.twig

-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<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 40 30" style="enable-background:new 0 0 40 30;" xml:space="preserve">
 <title>linkedin</title>
-<path d="M8.9,28.2V11H3.2v17.1H8.9z M6.1,8.7c2,0,3.2-1.3,3.2-3c0-1.7-1.2-3-3.2-3c-1.9,0-3.2,1.3-3.2,3C2.9,7.4,4.1,8.7,6.1,8.7
-	L6.1,8.7L6.1,8.7z M12.1,28.2h5.7v-9.6c0-0.5,0-1,0.2-1.4c0.4-1,1.3-2.1,2.9-2.1c2.1,0,2.9,1.6,2.9,3.9v9.2h5.7v-9.8
-	c0-5.3-2.8-7.7-6.6-7.7c-3.1,0-4.4,1.7-5.2,2.9h0V11h-5.7C12.1,12.6,12.1,28.2,12.1,28.2L12.1,28.2L12.1,28.2z"/>
+  <path d="M12,29V10.1H5.7v18.8H12V29z M8.9,7.5c2.2,0,3.5-1.4,3.5-3.3S11.1,1,8.9,1C6.8,1,5.4,2.4,5.4,4.3S6.7,7.5,8.9,7.5L8.9,7.5
+	L8.9,7.5z M15.5,29h6.3V18.4c0-0.5,0-1.1,0.2-1.5c0.4-1.1,1.4-2.3,3.2-2.3c2.3,0,3.2,1.8,3.2,4.3V29h6.3V18.2c0-5.8-3.1-8.5-7.2-8.5
+	c-3.4,0-4.8,1.9-5.7,3.2l0,0V10h-6.3C15.5,11.8,15.5,29,15.5,29L15.5,29L15.5,29z"/>
 </svg>

src/patterns/04-components/svg/icons/_tiktok.svg.twig

-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<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 40 30" style="enable-background:new 0 0 40 30;" xml:space="preserve">
   <title>Tiktok</title>
-  <path d="M18.27,23.38c-0.09,2.27-2.01,4.12-4.36,4.12c-0.54,0-1.05-0.09-1.53-0.28c0.48,0.17,1,0.28,1.53,0.28
-	C16.28,27.5,18.2,25.67,18.27,23.38V3.01h3.81c0.37,1.94,1.55,3.6,3.18,4.64l0,0c1.13,0.72,2.5,1.15,3.94,1.15v1.13l0,0v3.96
-	c-2.7,0-5.19-0.85-7.25-2.27v10.33c0,5.16-4.29,9.35-9.57,9.35c-2.03,0-3.94-0.63-5.49-1.7l0,0c-2.48-1.7-4.08-4.49-4.08-7.65
-	c0-5.16,4.29-9.35,9.57-9.35c0.44,0,0.87,0.04,1.29,0.09v1.2c-4.81,0.09-8.74,3.7-9.28,8.3c0.54-4.6,4.47-8.21,9.3-8.3v3.99
-	c-0.41-0.13-0.83-0.2-1.29-0.2c-2.4,0-4.38,1.92-4.38,4.27c0,1.65,0.96,3.07,2.35,3.79l0,0c0.61,0.31,1.29,0.5,2.03,0.5
-	c2.35,0,4.27-1.83,4.36-4.12l0.02-20.39h5.19c0,0.44,0.04,0.87,0.13,1.29h-3.81L18.27,23.38z"/>
+  <path d="M23.7,21.5c-0.1,2.1-1.9,3.9-4.1,3.9c-0.5,0-1-0.1-1.4-0.3c0.5,0.2,0.9,0.3,1.4,0.3C21.8,25.4,23.6,23.6,23.7,21.5V2.3h3.6
+	c0.3,1.8,1.5,3.4,3,4.4l0,0c1.1,0.7,2.4,1.1,3.7,1.1v1.1l0,0v3.7c-2.5,0-4.9-0.8-6.8-2.1v9.8c0,4.9-4.1,8.8-9,8.8
+	c-1.9,0-3.7-0.6-5.2-1.6l0,0c-2.3-1.6-3.9-4.2-3.9-7.2c0-4.9,4.1-8.8,9-8.8c0.4,0,0.8,0,1.2,0.1v1.1c-4.5,0.1-8.3,3.5-8.8,7.8
+	c0.5-4.3,4.2-7.8,8.8-7.8v3.8c-0.4-0.1-0.8-0.2-1.2-0.2c-2.3,0-4.1,1.8-4.1,4c0,1.6,0.9,2.9,2.2,3.6l0,0c0.6,0.3,1.2,0.5,1.9,0.5
+	c2.2,0,4-1.7,4.1-3.9V1.3h4.9c0,0.4,0,0.8,0.1,1.2h-3.6L23.7,21.5z"/>
 </svg>

src/patterns/04-components/svg/icons/_twitter.svg.twig

-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<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 40 30" style="enable-background:new 0 0 40 30;" xml:space="preserve">
   <title>Twitter</title>
-<g>
-  <path  d="M28.06,10.29c0.02,0.27,0.02,0.53,0.02,0.8c0,8.22-6.26,17.71-17.71,17.71v0
-		c-3.38,0-6.69-0.96-9.54-2.79c0.49,0.06,0.99,0.09,1.48,0.09c2.8,0,5.52-0.94,7.73-2.67c-2.66-0.05-5-1.79-5.81-4.32
-		c0.93,0.18,1.89,0.14,2.81-0.11c-2.9-0.59-4.99-3.14-4.99-6.1c0-0.03,0-0.05,0-0.08c0.87,0.48,1.83,0.75,2.82,0.78
-		c-2.73-1.83-3.58-5.47-1.93-8.31c3.16,3.89,7.82,6.25,12.83,6.5c-0.5-2.16,0.18-4.43,1.8-5.95c2.51-2.36,6.45-2.24,8.81,0.27
-		c1.39-0.27,2.73-0.79,3.95-1.51c-0.46,1.44-1.44,2.66-2.74,3.44c1.23-0.15,2.44-0.48,3.57-0.98C30.33,8.31,29.28,9.4,28.06,10.29z"
-  />
-</g>
+  <g>
+    <path d="M33.7,8c0,0.3,0,0.6,0,0.9c0,9.3-7.1,20.1-20.1,20.1l0,0C9.8,29,6,27.9,2.8,25.8c0.6,0.1,1.1,0.1,1.7,0.1
+		c3.2,0,6.3-1.1,8.8-3c-3-0.1-5.7-2-6.6-4.9c1.1,0.2,2.1,0.2,3.2-0.1c-3.3-0.7-5.7-3.6-5.7-6.9v-0.1c1,0.5,2.1,0.9,3.2,0.9
+		C4.3,9.7,3.3,5.6,5.2,2.4c3.6,4.4,8.9,7.1,14.6,7.4c-0.6-2.5,0.2-5,2-6.8c2.9-2.7,7.3-2.5,10,0.3c1.6-0.3,3.1-0.9,4.5-1.7
+		c-0.5,1.6-1.6,3-3.1,3.9C34.6,5.3,36,5,37.3,4.4C36.3,5.7,35.1,7,33.7,8z"/>
+  </g>
 </svg>

src/patterns/04-components/svg/icons/_youtube.svg.twig

-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<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 40 30" style="enable-background:new 0 0 40 30;" xml:space="preserve">
   <title>YouTube</title>
-  <path  d="M31.34,8.88c-0.36-1.38-1.46-2.47-2.81-2.83c-2.51-0.68-12.48-0.68-12.48-0.68s-9.97,0-12.46,0.68
-	C2.22,6.41,1.14,7.51,0.76,8.88C0.1,11.37,0.1,16.57,0.1,16.57s0,5.2,0.66,7.71c0.36,1.38,1.46,2.47,2.81,2.83
-	c2.51,0.68,12.48,0.68,12.48,0.68s9.97,0,12.46-0.68c1.38-0.36,2.45-1.46,2.81-2.83C32,21.8,32,16.58,32,16.58S32,11.37,31.34,8.88z
-	 M12.78,21.32v-9.47l8.36,4.73L12.78,21.32z"/>
+  <path d="M39.1,5.4c-0.4-1.7-1.8-3.1-3.5-3.5C32.5,1,20,1,20,1S7.5,1,4.4,1.8c-1.7,0.5-3,1.9-3.5,3.6C0.1,8.5,0.1,15,0.1,15
+	s0,6.5,0.8,9.6c0.4,1.7,1.8,3.1,3.5,3.5C7.5,29,20,29,20,29s12.5,0,15.6-0.8c1.7-0.4,3.1-1.8,3.5-3.5c0.8-3.1,0.8-9.6,0.8-9.6
+	S39.9,8.5,39.1,5.4z M15.9,20.9V9.1L26.4,15L15.9,20.9z"/>
 </svg>