fix: improve integration logo visibility in dark and light mode

ankitrewar11 · ankitrewar11 · commit 1d3022a1e62c · 2026-05-06T16:29:21.000+05:30
- Fix darkModeIntegrationIcon reference in IntegrationsGrid.js
- Fix Aerospike white SVG color from dark to white
- Fix Solr SVG by removing invalid sodipodi tags
- Fix Ngrok color SVG empty clipPath and update fill color
- Fix Vald empty white SVG with proper white paths
- Fix Rustrial AWS EKS empty SVG files with placeholder icons

Signed-off-by: ankitrewar11 &lt;ankitrewar11@gmail.com&gt;
diff --git a/src/collections/integrations/aerospike-kubernetes-operator/icons/white/aerospike-kubernetes-operator-white.svg b/src/collections/integrations/aerospike-kubernetes-operator/icons/white/aerospike-kubernetes-operator-white.svg
@@ -1,6 +1,6 @@
 <svg width="91" height="186" viewBox="0 0 91 186" fill="#000000" xmlns="http://www.w3.org/2000/svg">
-<path d="M45.6134 84.8935C48.8134 89.1869 54.7734 95.3335 65.8268 103.774C64.6134 50.2135 50.9201 11.7202 46.4934 1.01352C45.9868 -0.199818 44.2668 -0.199818 43.7601 1.01352C39.3468 11.7202 25.6401 50.2669 24.4268 103.774C35.4801 95.3335 41.4401 89.1869 44.6401 84.8935C44.8801 84.5602 45.3734 84.5602 45.6134 84.8935Z" fill="#1A1A1A"/>
-<path d="M24.4265 103.787C23.2798 104.654 22.0931 105.547 20.8398 106.48C-0.146853 121.894 -0.066853 146.334 -0.000186354 155.334C-0.000186354 156.014 0.559814 156.574 1.25315 156.574H26.2265C24.9731 148.907 24.2798 130.814 24.2798 116.387C24.2798 112.094 24.3331 107.894 24.4265 103.787Z" fill="#1A1A1A"/>
-<path d="M69.3994 106.467C68.146 105.547 66.9594 104.654 65.8127 103.787C65.906 107.894 65.9594 112.094 65.9594 116.387C65.9594 130.814 65.266 148.907 64.0127 156.574H88.986C89.6794 156.574 90.226 156.027 90.2394 155.334C90.306 146.334 90.386 121.907 69.4127 106.467H69.3994Z" fill="#1A1A1A"/>
-<path d="M46.5329 184.161C49.6796 174.681 55.6796 165.974 64.0262 156.574H26.2129C34.5596 165.974 40.5596 174.681 43.7062 184.161C43.9062 184.774 44.4662 185.188 45.1196 185.188C45.7596 185.188 46.3196 184.774 46.5329 184.161Z" fill="#1A1A1A"/>
-</svg>
+<path d="M45.6134 84.8935C48.8134 89.1869 54.7734 95.3335 65.8268 103.774C64.6134 50.2135 50.9201 11.7202 46.4934 1.01352C45.9868 -0.199818 44.2668 -0.199818 43.7601 1.01352C39.3468 11.7202 25.6401 50.2669 24.4268 103.774C35.4801 95.3335 41.4401 89.1869 44.6401 84.8935C44.8801 84.5602 45.3734 84.5602 45.6134 84.8935Z" fill="#FFFFFF"/>
+<path d="M24.4265 103.787C23.2798 104.654 22.0931 105.547 20.8398 106.48C-0.146853 121.894 -0.066853 146.334 -0.000186354 155.334C-0.000186354 156.014 0.559814 156.574 1.25315 156.574H26.2265C24.9731 148.907 24.2798 130.814 24.2798 116.387C24.2798 112.094 24.3331 107.894 24.4265 103.787Z" fill="#FFFFFF"/>
+<path d="M69.3994 106.467C68.146 105.547 66.9594 104.654 65.8127 103.787C65.906 107.894 65.9594 112.094 65.9594 116.387C65.9594 130.814 65.266 148.907 64.0127 156.574H88.986C89.6794 156.574 90.226 156.027 90.2394 155.334C90.306 146.334 90.386 121.907 69.4127 106.467H69.3994Z" fill="#FFFFFF"/>
+<path d="M46.5329 184.161C49.6796 174.681 55.6796 165.974 64.0262 156.574H26.2129C34.5596 165.974 40.5596 174.681 43.7062 184.161C43.9062 184.774 44.4662 185.188 45.1196 185.188C45.7596 185.188 46.3196 184.774 46.5329 184.161Z" fill="#FFFFFF"/>
+</svg>
diff --git a/src/collections/integrations/kubeform-provider-aws/icons/color/kubeform-provider-aws-color.svg b/src/collections/integrations/kubeform-provider-aws/icons/color/kubeform-provider-aws-color.svg
@@ -1,7 +1,7 @@
 <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 304 182" style="enable-background:new 0 0 304 182;" xml:space="preserve">
 <style type="text/css">
-.st0{fill:#FFFFFF;}
+.st0{fill:#FF9900;}
 </style>
 <g>
 <path class="st0" d="M86.4,66.4c0,3.7,0.4,6.7,1.1,8.9c0.8,2.2,1.8,4.6,3.2,7.2c0.5,0.8,0.7,1.6,0.7,2.3c0,1-0.6,2-1.9,3L83.2,92
@@ -32,4 +32,4 @@ c42.4,24.6,94.7,39.5,148.8,39.5c36.5,0,76.6-7.6,113.5-23.2C274.2,133.6,278.9,139
 c3.6,4.5-1,35.4-18.6,50.2c-2.7,2.3-5.3,1.1-4.1-1.9C282.5,155.7,291.4,133.4,287.2,128.1z"/>
 </g>
 </g>
-</svg>
+</svg>
diff --git a/src/collections/integrations/ngrok-operator/icons/color/ngrok-operator-color.svg b/src/collections/integrations/ngrok-operator/icons/color/ngrok-operator-color.svg
@@ -1,33 +1,35 @@
 <svg width="18" height="18" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_36_80)">
-<path d="M16.4632 7.69351V15.2015L22.9702 11.4346L16.4632 7.69351Z" fill="white"/>
-<path d="M16.4632 16.7705V24.3157L23.0307 20.5607L16.4632 16.7705Z" fill="white"/>
-<path d="M15.5274 15.1502V7.75632L9.10194 11.4416L15.5274 15.1502Z" fill="white" fill-opacity="0.8"/>
-<path d="M2.63699 24.2878C3.89756 26.3157 5.60178 28.031 7.62134 29.3047V21.4033L2.63699 24.2878Z" fill="white" fill-opacity="0.8"/>
-<path d="M15.5274 24.2785V16.8264L9.08579 20.556L15.5274 24.2785Z" fill="white" fill-opacity="0.8"/>
-<path d="M8.55965 28.8344L15.0829 25.1049L8.55965 21.3335V28.8344Z" fill="white"/>
-<path d="M23.4753 28.8742V21.3848L16.9615 25.1096L23.4753 28.8742Z" fill="white" fill-opacity="0.8"/>
-<path d="M29.852 23.4194C30.9655 21.341 31.5949 19.0378 31.6935 16.6819L24.9119 20.5651L29.852 23.4194Z" fill="white" fill-opacity="0.8"/>
-<path d="M24.4136 19.7691L30.96 16.0256L24.4136 12.2634V19.7691Z" fill="white"/>
-<path d="M23.4755 10.6455V3.20041L16.9919 6.91827L23.4755 10.6455Z" fill="white" fill-opacity="0.8"/>
-<path d="M23.4754 19.7364V12.2239L16.9779 15.986L23.4754 19.7364Z" fill="white" fill-opacity="0.8"/>
-<path d="M8.55965 12.2099V19.7784L15.1061 15.9882L8.55965 12.2099Z" fill="white"/>
-<path d="M15.5274 0.285706C13.1176 0.353534 10.756 0.977397 8.6271 2.10855L15.5274 6.06621V0.285706Z" fill="white" fill-opacity="0.8"/>
-<path d="M8.55965 3.1492V10.6734L15.1107 6.91597L8.55965 3.1492Z" fill="white"/>
-<path d="M7.62134 2.69299C5.60228 3.96735 3.89818 5.6826 2.63699 7.7099L7.62134 10.5873V2.69299Z" fill="white" fill-opacity="0.8"/>
-<path d="M23.4335 2.14811C21.2869 0.992986 18.9001 0.355226 16.4632 0.285706V6.14069L23.4335 2.14811Z" fill="white"/>
-<path d="M0.285713 16.5517C0.367085 18.9754 1.01023 21.3471 2.16447 23.4799L7.21396 20.5559L0.285713 16.5517Z" fill="white"/>
-<path d="M2.16447 8.51996C1.01384 10.6433 0.370833 13.0043 0.285713 15.4178L7.22097 11.4393L2.16447 8.51996Z" fill="white"/>
-<path d="M8.61544 29.8822C10.7469 31.0189 13.1128 31.6461 15.5274 31.7143V25.9291L8.61544 29.8822Z" fill="white" fill-opacity="0.8"/>
-<path d="M29.3675 7.73539C28.1143 5.71396 26.4208 4.00147 24.4136 2.72543V10.5987L29.3675 7.73539Z" fill="white"/>
-<path d="M24.4136 29.2791C26.4312 27.994 28.1314 26.2684 29.3863 24.2321L24.4136 21.3591V29.2791Z" fill="white"/>
-<path d="M31.7143 15.3738C31.6251 12.9835 30.9879 10.6458 29.8518 8.54102L24.8441 11.4325L31.7143 15.3738Z" fill="white" fill-opacity="0.8"/>
-<path d="M16.4632 31.7143C18.8725 31.6467 21.2333 31.0229 23.3613 29.8914L16.4632 25.8942V31.7143Z" fill="white"/>
-<path d="M7.62141 19.711V12.2892L1.17738 15.9838L7.62141 19.711Z" fill="white" fill-opacity="0.8"/>
+<path d="M16.4632 7.69351V15.2015L22.9702 11.4346L16.4632 7.69351Z" fill="#006AFF"/>
+<path d="M16.4632 16.7705V24.3157L23.0307 20.5607L16.4632 16.7705Z" fill="#006AFF"/>
+<path d="M15.5274 15.1502V7.75632L9.10194 11.4416L15.5274 15.1502Z" fill="#006AFF" fill-opacity="0.8"/>
+<path d="M2.63699 24.2878C3.89756 26.3157 5.60178 28.031 7.62134 29.3047V21.4033L2.63699 24.2878Z" fill="#006AFF" fill-opacity="0.8"/>
+<path d="M15.5274 24.2785V16.8264L9.08579 20.556L15.5274 24.2785Z" fill="#006AFF" fill-opacity="0.8"/>
+<path d="M8.55965 28.8344L15.0829 25.1049L8.55965 21.3335V28.8344Z" fill="#006AFF"/>
+<path d="M23.4753 28.8742V21.3848L16.9615 25.1096L23.4753 28.8742Z" fill="#006AFF" fill-opacity="0.8"/>
+<path d="M29.852 23.4194C30.9655 21.341 31.5949 19.0378 31.6935 16.6819L24.9119 20.5651L29.852 23.4194Z" fill="#006AFF" fill-opacity="0.8"/>
+<path d="M24.4136 19.7691L30.96 16.0256L24.4136 12.2634V19.7691Z" fill="#006AFF"/>
+<path d="M23.4755 10.6455V3.20041L16.9919 6.91827L23.4755 10.6455Z" fill="#006AFF" fill-opacity="0.8"/>
+<path d="M23.4754 19.7364V12.2239L16.9779 15.986L23.4754 19.7364Z" fill="#006AFF" fill-opacity="0.8"/>
+<path d="M8.55965 12.2099V19.7784L15.1061 15.9882L8.55965 12.2099Z" fill="#006AFF"/>
+<path d="M15.5274 0.285706C13.1176 0.353534 10.756 0.977397 8.6271 2.10855L15.5274 6.06621V0.285706Z" fill="#006AFF" fill-opacity="0.8"/>
+<path d="M8.55965 3.1492V10.6734L15.1107 6.91597L8.55965 3.1492Z" fill="#006AFF"/>
+<path d="M7.62134 2.69299C5.60228 3.96735 3.89818 5.6826 2.63699 7.7099L7.62134 10.5873V2.69299Z" fill="#006AFF" fill-opacity="0.8"/>
+<path d="M23.4335 2.14811C21.2869 0.992986 18.9001 0.355226 16.4632 0.285706V6.14069L23.4335 2.14811Z" fill="#006AFF"/>
+<path d="M0.285713 16.5517C0.367085 18.9754 1.01023 21.3471 2.16447 23.4799L7.21396 20.5559L0.285713 16.5517Z" fill="#006AFF"/>
+<path d="M2.16447 8.51996C1.01384 10.6433 0.370833 13.0043 0.285713 15.4178L7.22097 11.4393L2.16447 8.51996Z" fill="#006AFF"/>
+<path d="M8.61544 29.8822C10.7469 31.0189 13.1128 31.6461 15.5274 31.7143V25.9291L8.61544 29.8822Z" fill="#006AFF" fill-opacity="0.8"/>
+<path d="M29.3675 7.73539C28.1143 5.71396 26.4208 4.00147 24.4136 2.72543V10.5987L29.3675 7.73539Z" fill="#006AFF"/>
+<path d="M24.4136 29.2791C26.4312 27.994 28.1314 26.2684 29.3863 24.2321L24.4136 21.3591V29.2791Z" fill="#006AFF"/>
+<path d="M31.7143 15.3738C31.6251 12.9835 30.9879 10.6458 29.8518 8.54102L24.8441 11.4325L31.7143 15.3738Z" fill="#006AFF" fill-opacity="0.8"/>
+<path d="M16.4632 31.7143C18.8725 31.6467 21.2333 31.0229 23.3613 29.8914L16.4632 25.8942V31.7143Z" fill="#006AFF"/>
+<path d="M7.62141 19.711V12.2892L1.17738 15.9838L7.62141 19.711Z" fill="#006AFF" fill-opacity="0.8"/>
 </g>
 <defs>
-<clipPath id="clip0_36_80">
-<rect width="32" height="32" fill="white"/>
+<clipPath id="clip0_36_80"><rect width="32" height="32"/>
+
 </clipPath>
 </defs>
-</svg>
+</svg>
+
+
diff --git a/src/collections/integrations/rustrial-aws-eks-iam-auth-controller/icons/color/rustrial-aws-eks-iam-auth-controller-color.svg b/src/collections/integrations/rustrial-aws-eks-iam-auth-controller/icons/color/rustrial-aws-eks-iam-auth-controller-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100" height="100" rx="15" fill="#FF9900"/><text x="50" y="55" font-size="35" text-anchor="middle" fill="white" font-family="Arial" font-weight="bold">EKS</text></svg>
diff --git a/src/collections/integrations/rustrial-aws-eks-iam-auth-controller/icons/white/rustrial-aws-eks-iam-auth-controller-white.svg b/src/collections/integrations/rustrial-aws-eks-iam-auth-controller/icons/white/rustrial-aws-eks-iam-auth-controller-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100" height="100" rx="15" fill="none" stroke="#FFFFFF" stroke-width="3"/><text x="50" y="55" font-size="35" text-anchor="middle" fill="#FFFFFF" font-family="Arial" font-weight="bold">EKS</text></svg>
diff --git a/src/collections/integrations/solr-operator/icons/color/solr-operator-color.svg b/src/collections/integrations/solr-operator/icons/color/solr-operator-color.svg
@@ -6,8 +6,7 @@ style="enable-background:new 0 0 67.2 67;" xml:space="preserve">
 .st0{fill:#D93321;}
 .st1{clip-path:url(#SVGID_00000135680719921879176920000003571920552419328146_);}
 </style>
-<sodipodi:namedview bordercolor="#666666" borderopacity="1" gridtolerance="10" guidetolerance="10" inkscape:current-layer="svg2070" inkscape:cx="174.20232" inkscape:cy="114.24045" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-height="1014" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="0" inkscape:window-y="36" inkscape:zoom="1.6614858" objecttolerance="10" pagecolor="#ffffff" showgrid="false">
-</sodipodi:namedview>
+
 <path class="st0" d="M57.8,10.6l-33,35.7l41.5-19.1c-1.2-6.3-4.2-12-8.5-16.5"/>
 <path class="st0" d="M32.8,0c-4.6,0-8.9,0.9-12.9,2.6l-4.4,37.3L37.6,0.4C36,0.1,34.4,0,32.8,0"/>
 <g>
@@ -26,4 +25,4 @@ style="enable-background:new 0 0 67.2 67;" xml:space="preserve">
 <path class="st0" d="M35.8,67c3.7-0.3,7.3-1.2,10.5-2.6l-19.4-2.3L35.8,67z"/>
 <path class="st0" d="M2.8,19.8c-1.5,3.3-2.5,7-2.8,10.8l5.2,9.3L2.8,19.8z"/>
 <path class="st0" d="M17.8,4C13.1,6.5,9,10.1,6,14.6L10.9,39L17.8,4z"/>
-</svg>
+</svg>
diff --git a/src/collections/integrations/solr-operator/icons/white/solr-operator-white.svg b/src/collections/integrations/solr-operator/icons/white/solr-operator-white.svg
@@ -4,8 +4,7 @@ style="enable-background:new 0 0 67.2 67;" xml:space="preserve">
 .st0{fill:#FFFFFF;}
 .st1{clip-path:url(#SVGID_00000041289090948722386400000013809355385346017725_);}
 </style>
-<sodipodi:namedview bordercolor="#666666" borderopacity="1" gridtolerance="10" guidetolerance="10" inkscape:current-layer="svg2070" inkscape:cx="174.20232" inkscape:cy="114.24045" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-height="1014" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="0" inkscape:window-y="36" inkscape:zoom="1.6614858" objecttolerance="10" pagecolor="#ffffff" showgrid="false">
-</sodipodi:namedview>
+
 <path class="st0" d="M57.8,10.6l-33,35.7l41.5-19.1c-1.2-6.3-4.2-12-8.5-16.5"/>
 <path class="st0" d="M32.8,0c-4.6,0-8.9,0.9-12.9,2.6l-4.4,37.3L37.6,0.4C36,0.1,34.4,0,32.8,0"/>
 <g>
@@ -25,4 +24,4 @@ style="enable-background:new 0 0 67.2 67;" xml:space="preserve">
 <path class="st0" d="M35.8,67c3.7-0.3,7.3-1.2,10.5-2.6l-19.4-2.3L35.8,67z"/>
 <path class="st0" d="M2.8,19.8c-1.5,3.3-2.5,7-2.8,10.8l5.2,9.3L2.8,19.8z"/>
 <path class="st0" d="M17.8,4C13.1,6.5,9,10.1,6,14.6L10.9,39L17.8,4z"/>
-</svg>
+</svg>
diff --git a/src/collections/integrations/vald/icons/white/vald-white.svg b/src/collections/integrations/vald/icons/white/vald-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 302.06 296.71"><path d="M130.91,67.08l6.82,11.5,3.44,5.73L144.66,90c2.32,3.79,4.66,7.54,7.15,11a52.45,52.45,0,0,0,8.23,9.38,22.12,22.12,0,0,0,7.67,3.89,26.07,26.07,0,0,0,2.85.56,19.53,19.53,0,0,0,5.6.06,53,53,0,0,0,11.94-3.78c4-1.69,7.87-3.7,11.84-5.74s7.9-4.12,11.83-6.22l11.79-6.33,23.57-12.73,7.05-3.83L210.73,0l-30,52.72L150.7,0,121.56,51.19Z" fill="#FFFFFF"/><path d="M0,221.76l7.41-4.5c7.64-4.64,15.34-9.17,23-13.76s15.41-9.06,23.1-13.6l23.13-13.55,23.08-13.6,11.51-6.82L117,152.5l5.72-3.49c3.79-2.33,7.55-4.66,11-7.16a52.45,52.45,0,0,0,9.38-8.23,24.11,24.11,0,0,0,4.45-9.74c.12-.89.2-1.78.24-2.66a20.35,20.35,0,0,0,0-2.25l0-.52c0-.2-.06-.44-.09-.66l-.1-.67,0-.17v0l-.06-.29a42.88,42.88,0,0,0-1.27-4.89,78.88,78.88,0,0,0-3.89-9.63c-1.5-3.18-3.16-6.4-4.81-9.61s-3.32-6.42-5-9.62l-5-9.37-1.91-3.36c-2.2-3.9-4.36-7.82-6.52-11.73l-6.45-11.76-6.42-11.78L99.86,23.06C96.27,16.31,92.65,9.57,89.07,2.81l-67.2,118h27.9Z" fill="#FFFFFF"/><path d="M222.43,240.22l-6.83-11.54-6.76-11.58q-6.75-11.59-13.41-23.24L193.81,191l-5.74-9.56q-2.81-4.62-5.66-9.25c-1.89-3.08-3.79-6.16-5.74-9.09a78.59,78.59,0,0,0-6.23-8.31c-.56-.64-1.14-1.26-1.72-1.87l-.85-.84c-.29-.29-.66-.61-1-.92a20.6,20.6,0,0,0-3.73-2.66,28.34,28.34,0,0,0-4.49-2,28.26,28.26,0,0,0-4.79-.6c-.77,0-1.6,0-2.25,0l-.52,0-.65.09-.68.1-.17,0h0l-.3.07a40.68,40.68,0,0,0-4.88,1.26,79.19,79.19,0,0,0-9.63,3.89c-3.19,1.5-6.41,3.16-9.62,4.82s-6.42,3.31-9.62,5l-9.36,5-3.37,1.92c-3.89,2.2-7.82,4.35-11.73,6.51L79.31,181l-11.77,6.43L55.72,193.8C47.83,198,40,202.25,32.06,206.41s-15.8,8.36-23.74,12.48L.25,223.11H70.81V295a1.7,1.7,0,0,0,1.7,1.7h36.31a1.7,1.7,0,0,0,1.7-1.7v-71.9h20.33V295a1.69,1.69,0,0,0,1.69,1.7h36.32a1.7,1.7,0,0,0,1.69-1.7v-71.9h20.33V295a1.7,1.7,0,0,0,1.69,1.7h36.32a1.7,1.7,0,0,0,1.69-1.7v-41.1Z" fill="#FFFFFF"/><path d="M279.53,120.85,256.71,80.77l-6.95,4.06q-11.59,6.74-23.24,13.41l-2.89,1.61-9.55,5.75q-4.64,2.81-9.26,5.66c-3.08,1.89-6.16,3.79-9.09,5.74a77.24,77.24,0,0,0-8.31,6.23c-.64.55-1.25,1.13-1.86,1.71l-.85.86c-.29.29-.61.65-.92,1a21.11,21.11,0,0,0-2.66,3.73c-.46.83-.86,1.7-1.24,2.58a31,31,0,0,0-1.12,4.81,19.61,19.61,0,0,0-.06,5.61,52.41,52.41,0,0,0,3.79,11.93c1.68,3.95,3.69,7.87,5.74,11.85s4.11,7.89,6.21,11.83l6.33,11.79,12.73,23.57L226.31,238q2.13,3.94,4.27,7.89v-22.8h71.48L251.62,120.85Z" fill="#FFFFFF"/></svg>
diff --git a/src/sections/Meshery/Meshery-integrations/IntegrationsGrid.js b/src/sections/Meshery/Meshery-integrations/IntegrationsGrid.js
@@ -265,7 +265,8 @@ const IntegrationsGrid = ({ category, count }) => {
             const status =
               item.frontmatter.status === "InProgress" ? true : false;
             const integrationIcon = item.frontmatter.integrationIcon.publicURL;
-            const darkModeIntegrationIcon = item.frontmatter.integrationIcon;
+            const darkModeIntegrationIcon =
+              item.frontmatter.darkModeIntegrationIcon;
             if (status) {
               return (
                 <Hexagon
