Add language selector Icon (#678)

Author: guergana

vue-components/src/components/Icon.vue

@@ -128,6 +128,18 @@
 			</defs>
 		</svg>
 
+		<!-- language selector icon -->
+		<svg
+			v-bind="SVG_ATTRIBUTES"
+			viewBox="0 0 20 16"
+			v-else-if="type === IconTypes.LANGUAGESELECTOR"
+		>
+			<path
+				fill="currentColor"
+				d="M20 16H18.56C18.4167 16.0083 18.2751 15.9658 18.16 15.88C18.0595 15.7967 17.9806 15.6904 17.93 15.57L17 13H12L11 15.54C10.9523 15.6565 10.8768 15.7595 10.78 15.84C10.6686 15.9346 10.5261 15.9845 10.38 15.98H9L13.55 4.51H15.44L20 16ZM16.47 11.69L14.89 7.5C14.737 7.09427 14.6068 6.68029 14.5 6.26C14.44 6.50667 14.3767 6.73667 14.31 6.95L14.12 7.51L12.54 11.7L16.47 11.69ZM10.17 10.11C9.14675 9.75892 8.16967 9.28549 7.26 8.7C8.6616 7.19461 9.63222 5.33974 10.07 3.33H12V2H7.31C7.25732 1.80863 7.19047 1.62145 7.11 1.44C6.87 0.79 6.6 0 6.6 0L5.13 0.5C5.13 0.5 5.53 1.39 5.73 2H0V3.33H2.15C2.5882 5.34799 3.57434 7.20608 5 8.7C3.45495 9.66015 1.76728 10.369 0 10.8C0.373333 11.3467 0.663333 11.8067 0.87 12.18C2.7077 11.5639 4.46127 10.7207 6.09 9.67C7.19654 10.409 8.39287 11.0038 9.65 11.44L10.17 10.11ZM3.63 3.33H8.54C8.22095 5.03743 7.36214 6.59731 6.09 7.78C4.86427 6.56021 4.01103 5.01675 3.63 3.33Z"
+			/>
+		</svg>
+
 		<!-- link icon -->
 		<svg
 			v-bind="SVG_ATTRIBUTES"

vue-components/src/components/iconProps.ts

@@ -10,6 +10,7 @@ export enum IconTypes {
 	ERROR = 'error',
 	INFO = 'info',
 	INFOOUTLINED = 'info-outlined',
+	LANGUAGESELECTOR = 'language-selector',
 	LINK = 'link',
 	NEWWINDOW = 'newwindow',
 	DIE = 'die',

vue-components/tests/unit/components/__snapshots__/Icon.spec.ts.snap

@@ -264,6 +264,26 @@ exports[`Icon info-outlined: matches snapshot 1`] = `
 </span>
 `;
 
+exports[`Icon language-selector: matches snapshot 1`] = `
+<span
+  class="wikit wikit-Icon wikit-Icon--large wikit-Icon--base"
+>
+  <svg
+    aria-hidden="true"
+    class="wikit-Icon__svg"
+    fill="none"
+    focusable="false"
+    viewBox="0 0 20 16"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M20 16H18.56C18.4167 16.0083 18.2751 15.9658 18.16 15.88C18.0595 15.7967 17.9806 15.6904 17.93 15.57L17 13H12L11 15.54C10.9523 15.6565 10.8768 15.7595 10.78 15.84C10.6686 15.9346 10.5261 15.9845 10.38 15.98H9L13.55 4.51H15.44L20 16ZM16.47 11.69L14.89 7.5C14.737 7.09427 14.6068 6.68029 14.5 6.26C14.44 6.50667 14.3767 6.73667 14.31 6.95L14.12 7.51L12.54 11.7L16.47 11.69ZM10.17 10.11C9.14675 9.75892 8.16967 9.28549 7.26 8.7C8.6616 7.19461 9.63222 5.33974 10.07 3.33H12V2H7.31C7.25732 1.80863 7.19047 1.62145 7.11 1.44C6.87 0.79 6.6 0 6.6 0L5.13 0.5C5.13 0.5 5.53 1.39 5.73 2H0V3.33H2.15C2.5882 5.34799 3.57434 7.20608 5 8.7C3.45495 9.66015 1.76728 10.369 0 10.8C0.373333 11.3467 0.663333 11.8067 0.87 12.18C2.7077 11.5639 4.46127 10.7207 6.09 9.67C7.19654 10.409 8.39287 11.0038 9.65 11.44L10.17 10.11ZM3.63 3.33H8.54C8.22095 5.03743 7.36214 6.59731 6.09 7.78C4.86427 6.56021 4.01103 5.01675 3.63 3.33Z"
+      fill="currentColor"
+    />
+  </svg>
+</span>
+`;
+
 exports[`Icon link: matches snapshot 1`] = `
 <span
   class="wikit wikit-Icon wikit-Icon--large wikit-Icon--base"