Merge pull request #8 from cagov/icon-sizes

Normalize icon sizes
cagov · Nov 14, 2023 · a6221cc · a6221cc
2 parents 84dbbf0 + 2f4f856
commit a6221cc
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 0 deletions.
diff --git a/src/shared/icons.js b/src/shared/icons.js
@@ -38,6 +38,30 @@ exports.wiFi = html`
   </svg>
 `;
 
+exports.wiFiWand = html`
+  <svg
+    width="35"
+    height="35"
+    viewBox="0 0 35 35"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <rect width="35" height="35" fill="white" />
+    <path
+      d="M25.6669 7.68291C21.1564 3.17235 13.8434 3.17235 9.33281 7.68291C4.82226 12.1935 4.82226 19.5065 9.33281 24.017C9.97718 24.6615 9.97718 25.7061 9.33281 26.3506C8.68845 26.9949 7.64372 26.9949 6.99936 26.3506C1.20008 20.5512 1.20008 11.1487 6.99936 5.34946C12.7986 -0.449821 22.2011 -0.449821 28.0005 5.34946C33.7997 11.1487 33.7997 20.5512 28.0005 26.3506C27.356 26.9949 26.3114 26.9949 25.6669 26.3506C25.0226 25.7061 25.0226 24.6615 25.6669 24.017C30.1775 19.5065 30.1775 12.1935 25.6669 7.68291Z"
+      fill="#006C58"
+    />
+    <path
+      d="M12.8329 11.1833C15.4105 8.60583 19.5892 8.60583 22.1667 11.1833C24.7442 13.7607 24.7442 17.9396 22.1667 20.5171C21.5224 21.1614 21.5224 22.2062 22.1667 22.8505C22.8112 23.4948 23.8558 23.4948 24.5001 22.8505C28.3664 18.9844 28.3664 12.716 24.5001 8.84983C20.634 4.98365 14.3657 4.98365 10.4995 8.84983C6.63331 12.716 6.63331 18.9844 10.4995 22.8505C11.1439 23.4948 12.1886 23.4948 12.8329 22.8505C13.4773 22.2062 13.4773 21.1614 12.8329 20.5171C10.2555 17.9396 10.2555 13.7607 12.8329 11.1833Z"
+      fill="#006C58"
+    />
+    <path
+      d="M12.5499 15.8499C12.5499 13.1161 14.766 10.8999 17.4999 10.8999C20.2338 10.8999 22.4499 13.1161 22.4499 15.8499C22.4499 18.0052 21.0725 19.8386 19.1499 20.5183V32.3499C19.1499 33.2612 18.4112 33.9999 17.4999 33.9999C16.5886 33.9999 15.8499 33.2612 15.8499 32.3499V20.5183C13.9274 19.8386 12.5499 18.0052 12.5499 15.8499Z"
+      fill="#006C58"
+    />
+  </svg>
+`;
+
 exports.foodBasket = html`
   <svg
     width="35"

diff --git a/src/shared/templates.js b/src/shared/templates.js
@@ -117,6 +117,12 @@ ul.link-list li a:hover {
 .link-icon, .open-icon {
   display: inline-flex
 }
+
+.link-icon {
+  height: 40px;
+  width: 40px;
+  align-items: center;
+}
 `;
 
 const openIcon = /* html */ `