From bed6594a77cad8a76f0236bbb97ab887d53ad2a1 Mon Sep 17 00:00:00 2001
From: Allie Sadler <102604716+aevesdocker@users.noreply.github.com>
Date: Tue, 6 Sep 2022 17:33:47 +0100
Subject: [PATCH] align images with design system (#15582)

---
 assets/images/checklist.svg   |  1 +
 assets/images/description.svg | 10 ++++++++++
 assets/images/menu-book.svg   |  1 +
 assets/images/newspaper.svg   |  1 +
 assets/images/note-add.svg    |  1 +
 assets/images/spellcheck.svg  |  1 +
 contribute/overview.md        | 12 ++++++------
 7 files changed, 21 insertions(+), 6 deletions(-)
 create mode 100644 assets/images/checklist.svg
 create mode 100644 assets/images/description.svg
 create mode 100644 assets/images/menu-book.svg
 create mode 100644 assets/images/newspaper.svg
 create mode 100644 assets/images/note-add.svg
 create mode 100644 assets/images/spellcheck.svg

diff --git a/assets/images/checklist.svg b/assets/images/checklist.svg
new file mode 100644
index 0000000000..5ea13f8a94
--- /dev/null
+++ b/assets/images/checklist.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#677285"><rect fill="none" height="24" width="24"/><g><path d="M22,8c0-0.55-0.45-1-1-1h-7c-0.55,0-1,0.45-1,1s0.45,1,1,1h7C21.55,9,22,8.55,22,8z M13,16c0,0.55,0.45,1,1,1h7 c0.55,0,1-0.45,1-1c0-0.55-0.45-1-1-1h-7C13.45,15,13,15.45,13,16z M10.47,4.63c0.39,0.39,0.39,1.02,0,1.41l-4.23,4.25 c-0.39,0.39-1.02,0.39-1.42,0L2.7,8.16c-0.39-0.39-0.39-1.02,0-1.41c0.39-0.39,1.02-0.39,1.41,0l1.42,1.42l3.54-3.54 C9.45,4.25,10.09,4.25,10.47,4.63z M10.48,12.64c0.39,0.39,0.39,1.02,0,1.41l-4.23,4.25c-0.39,0.39-1.02,0.39-1.42,0L2.7,16.16 c-0.39-0.39-0.39-1.02,0-1.41s1.02-0.39,1.41,0l1.42,1.42l3.54-3.54C9.45,12.25,10.09,12.25,10.48,12.64L10.48,12.64z"/></g></svg>
\ No newline at end of file
diff --git a/assets/images/description.svg b/assets/images/description.svg
new file mode 100644
index 0000000000..f59d1bd8b4
--- /dev/null
+++ b/assets/images/description.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#677285"> <style>
+      svg {
+        color-scheme: #677285;
+      }
+      @media (prefers-color-scheme:dark) {
+        svg {
+          background-color: black;
+        }
+      }
+    </style><path d="M0 0h24v24H0z" fill="none"/><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/></svg>
\ No newline at end of file
diff --git a/assets/images/menu-book.svg b/assets/images/menu-book.svg
new file mode 100644
index 0000000000..150edd8265
--- /dev/null
+++ b/assets/images/menu-book.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#677285"><g><rect fill="none" height="24" width="24"/><rect fill="none" height="24" width="24"/></g><g><path d="M17.5,4.5c-1.95,0-4.05,0.4-5.5,1.5c-1.45-1.1-3.55-1.5-5.5-1.5c-1.45,0-2.99,0.22-4.28,0.79C1.49,5.62,1,6.33,1,7.14 l0,11.28c0,1.3,1.22,2.26,2.48,1.94C4.46,20.11,5.5,20,6.5,20c1.56,0,3.22,0.26,4.56,0.92c0.6,0.3,1.28,0.3,1.87,0 c1.34-0.67,3-0.92,4.56-0.92c1,0,2.04,0.11,3.02,0.36c1.26,0.33,2.48-0.63,2.48-1.94l0-11.28c0-0.81-0.49-1.52-1.22-1.85 C20.49,4.72,18.95,4.5,17.5,4.5z M21,17.23c0,0.63-0.58,1.09-1.2,0.98c-0.75-0.14-1.53-0.2-2.3-0.2c-1.7,0-4.15,0.65-5.5,1.5V8 c1.35-0.85,3.8-1.5,5.5-1.5c0.92,0,1.83,0.09,2.7,0.28c0.46,0.1,0.8,0.51,0.8,0.98V17.23z"/><g/><path d="M13.98,11.01c-0.32,0-0.61-0.2-0.71-0.52c-0.13-0.39,0.09-0.82,0.48-0.94c1.54-0.5,3.53-0.66,5.36-0.45 c0.41,0.05,0.71,0.42,0.66,0.83c-0.05,0.41-0.42,0.71-0.83,0.66c-1.62-0.19-3.39-0.04-4.73,0.39 C14.13,10.99,14.05,11.01,13.98,11.01z"/><path d="M13.98,13.67c-0.32,0-0.61-0.2-0.71-0.52c-0.13-0.39,0.09-0.82,0.48-0.94c1.53-0.5,3.53-0.66,5.36-0.45 c0.41,0.05,0.71,0.42,0.66,0.83c-0.05,0.41-0.42,0.71-0.83,0.66c-1.62-0.19-3.39-0.04-4.73,0.39 C14.13,13.66,14.05,13.67,13.98,13.67z"/><path d="M13.98,16.33c-0.32,0-0.61-0.2-0.71-0.52c-0.13-0.39,0.09-0.82,0.48-0.94c1.53-0.5,3.53-0.66,5.36-0.45 c0.41,0.05,0.71,0.42,0.66,0.83c-0.05,0.41-0.42,0.7-0.83,0.66c-1.62-0.19-3.39-0.04-4.73,0.39 C14.13,16.32,14.05,16.33,13.98,16.33z"/></g></svg>
\ No newline at end of file
diff --git a/assets/images/newspaper.svg b/assets/images/newspaper.svg
new file mode 100644
index 0000000000..dd77db7d8c
--- /dev/null
+++ b/assets/images/newspaper.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#677285"><g><rect fill="none" height="24" width="24"/><rect fill="none" height="24" width="24"/></g><g><path d="M21.15,3.85l-0.82,0.82l-0.95-0.96c-0.39-0.39-1.02-0.39-1.42,0L17,4.67l-0.96-0.96c-0.39-0.39-1.03-0.39-1.42,0 l-0.95,0.96l-0.96-0.96c-0.39-0.39-1.02-0.39-1.41,0l-0.96,0.96L9.38,3.71c-0.39-0.39-1.02-0.39-1.42,0L7,4.67L6.04,3.71 c-0.39-0.39-1.03-0.39-1.42,0L3.67,4.67L2.85,3.85C2.54,3.54,2,3.76,2,4.21V19c0,1.1,0.9,2,2,2l16,0c1.1,0,2-0.9,2-2V4.21 C22,3.76,21.46,3.54,21.15,3.85z M11,19H4v-6h7V19z M20,19h-7v-2h7V19z M20,15h-7v-2h7V15z M20,11H4V8h16V11z"/></g></svg>
\ No newline at end of file
diff --git a/assets/images/note-add.svg b/assets/images/note-add.svg
new file mode 100644
index 0000000000..f6175723fd
--- /dev/null
+++ b/assets/images/note-add.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#677285"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M14.59 2.59c-.38-.38-.89-.59-1.42-.59H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8.83c0-.53-.21-1.04-.59-1.41l-4.82-4.83zM15 16h-2v2c0 .55-.45 1-1 1s-1-.45-1-1v-2H9c-.55 0-1-.45-1-1s.45-1 1-1h2v-2c0-.55.45-1 1-1s1 .45 1 1v2h2c.55 0 1 .45 1 1s-.45 1-1 1zm-2-8V3.5L18.5 9H14c-.55 0-1-.45-1-1z"/></svg>
\ No newline at end of file
diff --git a/assets/images/spellcheck.svg b/assets/images/spellcheck.svg
new file mode 100644
index 0000000000..144a19070d
--- /dev/null
+++ b/assets/images/spellcheck.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#677285"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M13.12 16c.69 0 1.15-.69.9-1.32L9.77 3.87C9.56 3.34 9.06 3 8.5 3s-1.06.34-1.27.87L2.98 14.68c-.25.63.22 1.32.9 1.32.4 0 .76-.25.91-.63L5.67 13h5.64l.9 2.38c.15.37.51.62.91.62zm-6.69-5L8.5 5.48 10.57 11H6.43zm14.46 1.29l-7.39 7.39-2.97-2.97c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l3.68 3.68c.39.39 1.02.39 1.41 0l8.08-8.09c.39-.39.39-1.02 0-1.41-.38-.39-1.02-.39-1.4-.01z"/></svg>
\ No newline at end of file
diff --git a/contribute/overview.md b/contribute/overview.md
index 7d489f069c..93ed00f163 100644
--- a/contribute/overview.md
+++ b/contribute/overview.md
@@ -14,7 +14,7 @@ as possible for you to work in this repository. The following sections guide you
       <div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 block">
         <div class="component">
              <div class="component-icon">
-                 <img src="/assets/images/contribute.svg" alt="Docker Desktop for Mac" width="45" height="45">
+                 <img src="/assets/images/description.svg" alt="Docker Desktop for Mac" width="45" height="45">
              </div>
                  <h2 id="docker-for-mac"><a href="/contribute/contribute-guide/">Contribution guidelines </a></h2>
                 <p>Learn about the process of contributing to our docs. </p>
@@ -23,7 +23,7 @@ as possible for you to work in this repository. The following sections guide you
       <div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 block">
         <div class="component">
             <div class="component-icon">
-                 <img src="/assets/images/grammar.svg" alt="Docker Desktop for Mac" width="45" height="45">
+                 <img src="/assets/images/menu-book.svg" alt="Docker Desktop for Mac" width="45" height="45">
             </div>
                 <h2 id="docker-for-mac"><a href="/contribute/style/grammar/">Grammar guide</a></h2>
                 <p>Explore Docker's grammar guide.</p>
@@ -32,7 +32,7 @@ as possible for you to work in this repository. The following sections guide you
      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 block">
         <div class="component">
             <div class="component-icon">
-                <img src="/assets/images/formatting.svg" alt="Docker for Linux" width="45" height="45">
+                <img src="/assets/images/newspaper.svg" alt="Docker for Linux" width="45" height="45">
             </div>
                 <h2 id="docker-for-linux"><a href="/contribute/style/formatting/">Formatting guidelines</a></h2>
                 <p>Format your content to match the rest of our documentation.</p>
@@ -44,7 +44,7 @@ as possible for you to work in this repository. The following sections guide you
      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 block">
         <div class="component">
             <div class="component-icon">
-                 <img src="/assets/images/check.svg" alt="Docker Desktop for Mac" width="45" height="45">
+                 <img src="/assets/images/checklist.svg" alt="Docker Desktop for Mac" width="45" height="45">
             </div>
                 <h2 id="docker-for-linux"><a href="/contribute/style/recommended-words/">Recommended word list</a></h2>
                 <p>Choose the right words for you content.</p>
@@ -53,7 +53,7 @@ as possible for you to work in this repository. The following sections guide you
      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 block">
         <div class="component">
           <div class="component-icon">
-                 <img src="/assets/images/new-page.svg" alt="Docker Desktop for Mac" width="45" height="45">
+                 <img src="/assets/images/note-add.svg" alt="Docker Desktop for Mac" width="45" height="45">
           </div>
                 <h2 id="docker-for-windows/install/"><a href="/contribute/file-conventions/">Source file conventions</a></h2>
                 <p>Guidelines for creating a new page.</p>
@@ -62,7 +62,7 @@ as possible for you to work in this repository. The following sections guide you
       <div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 block">
         <div class="component">
             <div class="component-icon">
-                <img src="/assets/images/terminology.svg" alt="Docker Desktop for Windows" width="45" height="45">
+                <img src="/assets/images/spellcheck.svg" alt="Docker Desktop for Windows" width="45" height="45">
             </div>
                 <h2 id="docker-for-windows/install/"><a href="/contribute/style/terminology/">Docker terminology</a></h2>
                 <p>Explore commonly used Docker terms.</p>