From 904784c6cee3df853431d70234c9884350a8f2b4 Mon Sep 17 00:00:00 2001
From: Jake Bonham <jake@docforce.io>
Date: Mon, 13 May 2019 15:57:58 -0700
Subject: [PATCH] Added icons to homepage

---
 assets/css/devportal.css                      |  6 +++++-
 assets/img/icon-xrp-censorship-resistant.svg  |  1 +
 assets/img/icon-xrp-digital-asset.svg         |  1 +
 assets/img/icon-xrp-fast-algorithm.svg        |  1 +
 assets/img/icon-xrp-finite.svg                |  1 +
 assets/img/icon-xrp-list-xrp.svg              |  1 +
 .../img/icon-xrp-modern-smart-contracts.svg   |  1 +
 .../img/icon-xrp-on-ledger-decentralized.svg  |  1 +
 assets/img/icon-xrp-responsible.svg           |  1 +
 assets/img/icon-xrp-run-rippled.svg           |  1 +
 assets/img/icon-xrp-secure.svg                |  1 +
 assets/img/icon-xrp-send-xrp.svg              |  1 +
 assets/img/icon-xrp-use-payment-channels.svg  |  1 +
 tool/template-home.html                       | 19 +++++++++++--------
 14 files changed, 28 insertions(+), 9 deletions(-)
 create mode 100644 assets/img/icon-xrp-censorship-resistant.svg
 create mode 100644 assets/img/icon-xrp-digital-asset.svg
 create mode 100644 assets/img/icon-xrp-fast-algorithm.svg
 create mode 100644 assets/img/icon-xrp-finite.svg
 create mode 100644 assets/img/icon-xrp-list-xrp.svg
 create mode 100644 assets/img/icon-xrp-modern-smart-contracts.svg
 create mode 100644 assets/img/icon-xrp-on-ledger-decentralized.svg
 create mode 100644 assets/img/icon-xrp-responsible.svg
 create mode 100644 assets/img/icon-xrp-run-rippled.svg
 create mode 100644 assets/img/icon-xrp-secure.svg
 create mode 100644 assets/img/icon-xrp-send-xrp.svg
 create mode 100644 assets/img/icon-xrp-use-payment-channels.svg

diff --git a/assets/css/devportal.css b/assets/css/devportal.css
index 2333fb689c..03e9914f0f 100644
--- a/assets/css/devportal.css
+++ b/assets/css/devportal.css
@@ -978,12 +978,16 @@ a.current {
 }
 
 .landing .card > .card-img-top {
-  padding: 8px;
+  /* padding: 8px; */
   width: 60px;
   height: 60px;
   margin-left: 0;
   margin-right: auto;
 }
+.image-icon {
+  width: 60px;
+  height: 60px;
+}
 
 /* Full-link cards */
 .landing a.card {
diff --git a/assets/img/icon-xrp-censorship-resistant.svg b/assets/img/icon-xrp-censorship-resistant.svg
new file mode 100644
index 0000000000..a966c99bad
--- /dev/null
+++ b/assets/img/icon-xrp-censorship-resistant.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><defs><style>.cls-1{fill:none;}.cls-2{fill:#e1e5e5;}.cls-3{fill:#e9eded;}.cls-4{fill:#fff;}.cls-5{fill:#8ecdd3;}.cls-6{fill:#d0d4d4;}.cls-7{fill:#1a2e46;}.cls-8{fill:#2fd184;}</style></defs><title>icon-xrp-censorship-resistant</title><polygon class="cls-1" points="30 0 30 0 30 0 30 0"/><rect class="cls-2" x="42.73" y="42.73"/><path class="cls-2" d="M37,46.59a18.05,18.05,0,0,1-17.07-1.66,18.81,18.81,0,0,1-2.67-2.2L8.79,51.21a30,30,0,0,0,42.42,0l-8.48-8.48A18.21,18.21,0,0,1,37,46.59Z"/><path class="cls-3" d="M30,0A29.89,29.89,0,0,0,8.79,8.79l8.48,8.48h0a18.19,18.19,0,0,1,2.66-2.2A18.06,18.06,0,0,1,37,13.41a18.21,18.21,0,0,1,5.72,3.86l8.48-8.48A29.89,29.89,0,0,0,30,0Z"/><path class="cls-4" d="M51.21,8.79l-8.48,8.48h0a18,18,0,0,1,0,25.46h0l8.48,8.48a30,30,0,0,0,0-42.42Z"/><path class="cls-2" d="M12,30h0a17.92,17.92,0,0,1,5.27-12.72L8.79,8.79a30,30,0,0,0,0,42.42l8.48-8.48A17.94,17.94,0,0,1,12,30Z"/><path class="cls-5" d="M26.37,47.63a17.92,17.92,0,0,1-6.43-2.7A17.92,17.92,0,0,0,26.37,47.63Z"/><path class="cls-5" d="M19.94,44.93a18.81,18.81,0,0,1-2.67-2.2A18.81,18.81,0,0,0,19.94,44.93Z"/><path class="cls-3" d="M37.49,30A7.52,7.52,0,0,1,35.3,35.3l7.43,7.43a18,18,0,0,0,0-25.46L35.3,24.7A7.43,7.43,0,0,1,37.49,30Z"/><path class="cls-5" d="M24.69,35.3l-7.42,7.42A18,18,0,0,1,12,30h0a17.94,17.94,0,0,0,5.27,12.73L24.7,35.3Z"/><path class="cls-2" d="M37,46.59a18.21,18.21,0,0,0,5.72-3.86h0A18.21,18.21,0,0,1,37,46.59Z"/><path class="cls-6" d="M35.3,35.3A7.52,7.52,0,0,1,30,37.49,7.43,7.43,0,0,1,24.7,35.3l-7.43,7.43a18.81,18.81,0,0,0,2.67,2.2A18.06,18.06,0,0,0,37,46.59a18.21,18.21,0,0,0,5.72-3.86Z"/><polygon class="cls-2" points="35.3 35.3 42.73 42.73 42.73 42.73 35.3 35.3 35.3 35.3"/><path class="cls-6" d="M24.69,24.69a7.48,7.48,0,0,1,10.61,0l7.43-7.43A18.21,18.21,0,0,0,37,13.41a18.05,18.05,0,0,0-17.07,1.66,18.19,18.19,0,0,0-2.66,2.2Z"/><polygon class="cls-4" points="30 30 24.69 35.3 24.7 35.3 30 30 30 30"/><polygon class="cls-4" points="30 30 30 30 30 30 30 30"/><path class="cls-7" d="M17.27,17.27A17.92,17.92,0,0,0,12,30h0a18,18,0,0,1,5.27-12.73Z"/><polygon class="cls-7" points="17.27 17.27 17.27 17.27 24.69 24.69 24.69 24.69 17.27 17.27"/><polygon class="cls-7" points="24.69 24.69 17.28 17.27 17.27 17.27 24.69 24.69 24.69 24.69"/><polygon class="cls-7" points="30 30 24.69 24.69 24.69 24.69 30 30 30 30"/><polygon class="cls-7" points="30 30 30 29.99 24.69 24.69 24.69 24.69 30 30"/><path class="cls-8" d="M17.27,17.27a18,18,0,0,0,0,25.45l7.42-7.42L30,30Z"/></svg>
\ No newline at end of file
diff --git a/assets/img/icon-xrp-digital-asset.svg b/assets/img/icon-xrp-digital-asset.svg
new file mode 100644
index 0000000000..dd7c38fbbb
--- /dev/null
+++ b/assets/img/icon-xrp-digital-asset.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><defs><style>.cls-1{fill:#d0d4d4;}.cls-2{fill:#e1e5e5;}.cls-3{fill:#2fd184;}.cls-4{fill:#e9eded;}.cls-5{fill:#fff;}</style></defs><title>icon-xrp-digital-asset</title><path class="cls-1" d="M30,10H50V30L60,20V0H40Z"/><path class="cls-2" d="M10,30,0,40V60H20L30,50H10Z"/><rect class="cls-3" x="10" y="30" width="20" height="20"/><rect class="cls-4" x="10" y="10" width="20" height="20"/><rect class="cls-4" x="30" y="30" width="20" height="20"/><rect class="cls-5" x="30" y="10" width="20" height="20"/></svg>
\ No newline at end of file
diff --git a/assets/img/icon-xrp-fast-algorithm.svg b/assets/img/icon-xrp-fast-algorithm.svg
new file mode 100644
index 0000000000..8a9c8bbbc4
--- /dev/null
+++ b/assets/img/icon-xrp-fast-algorithm.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><defs><style>.cls-1{fill:#e9eded;}.cls-2{fill:#d0d4d4;}.cls-3{fill:#e1e5e5;}.cls-4{fill:#2fd184;}</style></defs><title>icon-xrp-fast-algorithm</title><polygon class="cls-1" points="45 15 45 30 30 45 30 60 60 30 60 0 45 15"/><polygon class="cls-2" points="0 30 0 60 15 45 15 30 30 15 30 0 0 30"/><polygon class="cls-3" points="30 15 30 30 45 15 45 0 30 15"/><polygon class="cls-3" points="15 60 30 45 30 30 15 45 15 60"/><polygon class="cls-4" points="15 30 15 45 30 30 30 15 15 30"/><polygon class="cls-4" points="30 30 30 45 45 30 45 15 30 30"/></svg>
\ No newline at end of file
diff --git a/assets/img/icon-xrp-finite.svg b/assets/img/icon-xrp-finite.svg
new file mode 100644
index 0000000000..f778f85e13
--- /dev/null
+++ b/assets/img/icon-xrp-finite.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><defs><style>.cls-1{fill:#2fd184;}.cls-2{fill:#fff;}.cls-3{fill:#e1e5e5;}.cls-4{fill:#e9eded;}.cls-5{fill:#f1f5f5;}.cls-6{fill:#d0d4d4;}</style></defs><title>icon-xrp-finite</title><path class="cls-1" d="M37.19,24.67a9.43,9.43,0,0,1-14.38,0L14,15.14V44.86h0l8.81-9.53a9.43,9.43,0,0,1,14.38,0L46,44.86h0V15.14h0Z"/><path class="cls-2" d="M37.19,24.67,46,15.14H14l8.81,9.53A9.43,9.43,0,0,0,37.19,24.67Z"/><path class="cls-2" d="M37.19,35.33a9.43,9.43,0,0,0-14.38,0L14,44.86H46Z"/><polygon class="cls-3" points="46 44.86 60 60 60 0 46 15.14 46 44.86"/><polygon class="cls-4" points="14 15.14 0 0 0 60 14 44.86 14 15.14"/><polygon class="cls-5" points="60 0 30 0 0 0 14 15.14 14 15 30 15 46 15 46 15.14 60 0"/><polygon class="cls-6" points="46 44.86 46 45 30 45 14 45 14 44.86 0 60 30 60 60 60 46 44.86"/></svg>
\ No newline at end of file
diff --git a/assets/img/icon-xrp-list-xrp.svg b/assets/img/icon-xrp-list-xrp.svg
new file mode 100644
index 0000000000..315860016e
--- /dev/null
+++ b/assets/img/icon-xrp-list-xrp.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><defs><style>.cls-1{fill:#e1e5e5;}.cls-2{fill:#f1f5f5;}.cls-3{fill:#2fd184;}</style></defs><title>icon-xrp-list-xrp</title><polygon class="cls-1" points="40 60 40 40 20 60 40 60"/><polygon class="cls-1" points="0 20 0 40.02 19.97 40.02 40 20 0 20"/><polygon class="cls-2" points="0 60 20 60 40 40 40 20 0 60"/><polygon class="cls-3" points="0 40 0 60 20 40 0 40"/><polygon class="cls-1" points="40 20 40 40 60 20 40 20"/><polygon class="cls-3" points="40 20 60 19.98 60 0 40 0 40 20"/></svg>
\ No newline at end of file
diff --git a/assets/img/icon-xrp-modern-smart-contracts.svg b/assets/img/icon-xrp-modern-smart-contracts.svg
new file mode 100644
index 0000000000..22734468d1
--- /dev/null
+++ b/assets/img/icon-xrp-modern-smart-contracts.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><defs><style>.cls-1{fill:#e9eded;}.cls-2{fill:#2fd184;}.cls-3{fill:#d0d4d4;}.cls-4{fill:#e1e5e5;}.cls-5{fill:#f1f5f5;}</style></defs><title>icon-xrp-modern-smart-contracts</title><polygon class="cls-1" points="10 10 30 10 40 0 0 0 0 40 10 30 10 10"/><polygon class="cls-2" points="50 50 30 50 20 60 60 60 60 20 50 30 50 50"/><polygon class="cls-2" points="40 30 50 30 60 20 40 20 40 30"/><polygon class="cls-2" points="20 40 20 60 30 50 30 40 30 30 20 40"/><rect class="cls-2" x="20" y="20" width="10" height="10"/><rect class="cls-3" x="30" y="30" width="10" height="10"/><polygon class="cls-3" points="30 20 30 10 40 0 40 20 30 20"/><polygon class="cls-2" points="30 30 40 30 40 20 30 30"/><polygon class="cls-4" points="20 40 0 40 10 30 20 30 20 40"/><polygon class="cls-5" points="20 40 30 30 20 30 20 40"/><polygon class="cls-5" points="30 20 30 30 40 20 30 20"/></svg>
\ No newline at end of file
diff --git a/assets/img/icon-xrp-on-ledger-decentralized.svg b/assets/img/icon-xrp-on-ledger-decentralized.svg
new file mode 100644
index 0000000000..04f63c9acb
--- /dev/null
+++ b/assets/img/icon-xrp-on-ledger-decentralized.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><defs><style>.cls-1{fill:#e1e5e5;}.cls-2{fill:#e9eded;}.cls-3{fill:#2fd184;}.cls-4{fill:#d0d4d4;}</style></defs><title>icon-xrp-on-ledger-decentralized</title><path class="cls-1" d="M55.61,55.61A15,15,0,0,0,34.39,34.39Z"/><path class="cls-2" d="M61.8,15c0-8.28-7.12-15-15.9-15S30,6.72,30,15s7.12,15,15.9,15S61.8,23.28,61.8,15ZM45.9,22.5A7.74,7.74,0,0,1,38,15a8,8,0,0,1,15.9,0A7.74,7.74,0,0,1,45.9,22.5Z"/><path class="cls-2" d="M30,45a15.28,15.28,0,0,1,.67-4.46,15,15,0,0,1,1.89-3.93,17.23,17.23,0,0,1,1.83-2.22L30,30H0L30,60H45A15,15,0,0,1,30,45Z"/><path class="cls-2" d="M55.61,55.61h0a15.09,15.09,0,0,1-6.15,3.72A15.28,15.28,0,0,1,45,60H60Z"/><path class="cls-3" d="M55.61,55.61,34.39,34.39a17.23,17.23,0,0,0-1.83,2.22,15,15,0,0,0-1.89,3.93A15.28,15.28,0,0,0,30,45,15,15,0,0,0,45,60a15.28,15.28,0,0,0,4.46-.67A15.09,15.09,0,0,0,55.61,55.61Z"/><circle class="cls-4" cx="15" cy="15" r="15"/></svg>
\ No newline at end of file
diff --git a/assets/img/icon-xrp-responsible.svg b/assets/img/icon-xrp-responsible.svg
new file mode 100644
index 0000000000..6a7d6c7fd7
--- /dev/null
+++ b/assets/img/icon-xrp-responsible.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><defs><style>.cls-1{fill:#d0d4d4;}.cls-2{fill:#e9eded;}.cls-3{fill:#2fd184;}.cls-4{fill:#fff;}</style></defs><title>icon-xrp-responsible</title><path class="cls-1" d="M15,30H30V15A15,15,0,0,0,15,30Z"/><path class="cls-2" d="M30,0H0V30A30,30,0,0,1,30,0Z"/><polygon class="cls-2" points="30 15 30 30 45 30 60 30 30 0 30 15"/><polygon class="cls-2" points="30 30 15 30 0 30 30 60 30 45 30 30"/><path class="cls-3" d="M30,15V0A30,30,0,0,0,0,30H15A15,15,0,0,1,30,15Z"/><path class="cls-3" d="M30,60H60V30A30,30,0,0,1,30,60Z"/><path class="cls-3" d="M45,30H30V45A15,15,0,0,0,45,30Z"/><path class="cls-4" d="M30,45V60A30,30,0,0,0,60,30H45A15,15,0,0,1,30,45Z"/></svg>
\ No newline at end of file
diff --git a/assets/img/icon-xrp-run-rippled.svg b/assets/img/icon-xrp-run-rippled.svg
new file mode 100644
index 0000000000..3b95a5aa7c
--- /dev/null
+++ b/assets/img/icon-xrp-run-rippled.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><defs><style>.cls-1{fill:#e9eded;}.cls-2{fill:#2fd184;}.cls-3{fill:#d0d4d4;}</style></defs><title>icon-xrp-run-rippled</title><polygon class="cls-1" points="20 20 40 20 60 0 20 0 20 20"/><polygon class="cls-2" points="40 20 0 20 0 40 20 40 40 20"/><polygon class="cls-1" points="0 40 0 60 20 40 0 40"/><polygon class="cls-1" points="20 40 40 40 60 40 60 20 40 20 20 40"/><polygon class="cls-3" points="0 60 40 60 40 40 20 40 0 60"/><polygon class="cls-2" points="60 20 60 0 40 20 60 20"/></svg>
\ No newline at end of file
diff --git a/assets/img/icon-xrp-secure.svg b/assets/img/icon-xrp-secure.svg
new file mode 100644
index 0000000000..18e2b24e3f
--- /dev/null
+++ b/assets/img/icon-xrp-secure.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><defs><style>.cls-1{fill:#2fd184;}.cls-2{fill:#e9eded;}.cls-3{fill:#e1e5e5;}.cls-4{fill:#d0d4d4;}.cls-5{fill:#f1f5f5;}</style></defs><title>icon-xrp-secure</title><path class="cls-1" d="M20,0A20,20,0,0,0,40,20V0Z"/><path class="cls-2" d="M60,40V20H40A20,20,0,0,0,60,40Z"/><rect class="cls-3" x="40" width="20" height="20"/><polygon class="cls-1" points="20 40 20 20 0 20 0 40 0.5 40 20 40"/><polygon class="cls-4" points="30 40 20 40 20 60 40 60 40 40 30 40"/><circle class="cls-3" cx="10" cy="10" r="10"/><circle class="cls-1" cx="50" cy="50" r="10"/><path class="cls-5" d="M20,20V40H40A20,20,0,0,0,20,20Z"/><path class="cls-2" d="M20,60H0V40A20,20,0,0,1,20,60Z"/></svg>
\ No newline at end of file
diff --git a/assets/img/icon-xrp-send-xrp.svg b/assets/img/icon-xrp-send-xrp.svg
new file mode 100644
index 0000000000..578193f41c
--- /dev/null
+++ b/assets/img/icon-xrp-send-xrp.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><defs><style>.cls-1{fill:#e9eded;}.cls-2{fill:#2fd184;}.cls-3{fill:#d0d4d4;}.cls-4{fill:#e1e5e5;}.cls-5{fill:#fff;}</style></defs><title>icon-xrp-send-xrp</title><path class="cls-1" d="M38.57,4.12c-3.88-5.49-13.26-5.49-17.14,0L0,34.43H9.29l17.46-24a4,4,0,0,1,6.5,0l17.42,24,0,.06H60Z"/><path class="cls-2" d="M50.71,34.43l0-.06-17.42-24a4,4,0,0,0-6.5,0l-17.46,24h0L0,47.21H9.29l9.28-12.78h0l8.18-11.26a4,4,0,0,1,6.5,0l8.18,11.26,9.28,12.78H60Z"/><polygon class="cls-3" points="9.29 47.21 0 60 60 60 50.71 47.21 50.71 47.21 9.29 47.21"/><polygon class="cls-4" points="41.43 34.43 18.57 34.43 9.29 47.21 50.71 47.21 41.43 34.43"/><path class="cls-5" d="M26.75,23.17,18.57,34.43H41.43L33.25,23.17a4,4,0,0,0-6.5,0Z"/></svg>
\ No newline at end of file
diff --git a/assets/img/icon-xrp-use-payment-channels.svg b/assets/img/icon-xrp-use-payment-channels.svg
new file mode 100644
index 0000000000..b7341f5621
--- /dev/null
+++ b/assets/img/icon-xrp-use-payment-channels.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><defs><style>.cls-1{fill:#f1f5f5;}.cls-2{fill:#e9eded;}.cls-3{fill:#2fd184;}.cls-4{fill:#d0d4d4;}</style></defs><title>icon-xrp-use-payment-channels</title><path class="cls-1" d="M34.12,20H40V0H27.45C15.21,0,15,20,0,20H12.55a8,8,0,0,1,1.69.18,8.82,8.82,0,0,1,1.63.52,9.93,9.93,0,0,1,1.56.85A16,16,0,0,1,23.33,30h0C25.38,23.87,29.55,20,34.12,20Z"/><path class="cls-2" d="M17.43,38.45a9.93,9.93,0,0,1-1.56.85,8.82,8.82,0,0,1-1.63.52,8,8,0,0,1-1.69.18H0c15,0,16.16,20,27.45,20H40V40H34.12c-4.57,0-8.74-3.87-10.79-10a17.91,17.91,0,0,1-3.76,6.61A12.16,12.16,0,0,1,17.43,38.45Z"/><path class="cls-3" d="M14.24,39.82a8.82,8.82,0,0,0,1.63-.52,9.93,9.93,0,0,0,1.56-.85,12.16,12.16,0,0,0,2.14-1.84A17.91,17.91,0,0,0,23.33,30a16,16,0,0,0-5.9-8.45,9.93,9.93,0,0,0-1.56-.85,8.82,8.82,0,0,0-1.63-.52A8,8,0,0,0,12.55,20H0V40H12.55A8,8,0,0,0,14.24,39.82Z"/><path class="cls-3" d="M60,0H40V20A20,20,0,0,0,60,0Z"/><path class="cls-4" d="M60,60A20,20,0,0,0,40,40V60Z"/></svg>
\ No newline at end of file
diff --git a/tool/template-home.html b/tool/template-home.html
index b6a1dda169..44389f14d6 100644
--- a/tool/template-home.html
+++ b/tool/template-home.html
@@ -123,42 +123,42 @@
     </div><!--/.section-hero-->
 
     <a href="xrp-ledger-overview.html#the-digital-asset-for-payments" class="card">
-      <img class="card-img-top" src="assets/img/payment-card.svg" alt="(XRP triskellion)" />
+      <img class="card-img-top" src="assets/img/icon-xrp-digital-asset.svg" alt="(XRP triskellion)" />
       <div class="card-footer"><h3>The Digital Asset for Payments</h3></div>
     </a><!--/.card-->
 
     <a href="xrp-ledger-overview.html#censorship-resistant-transaction-processing" class="card">
-      <img class="card-img-top" src="assets/img/dollar-arrow.svg" alt="(money moving)" />
+      <img class="card-img-top" src="assets/img/icon-xrp-censorship-resistant.svg" alt="(money moving)" />
       <div class="card-footer"><h3>Censorship-Resistant Transaction Processing</h3></div>
     </a><!--/.card-->
 
     <a href="xrp-ledger-overview.html#fast-efficient-consensus-algorithm" class="card">
-      <img class="card-img-top" src="assets/img/network.svg" alt="(consensus network)" />
+      <img class="card-img-top" src="assets/img/icon-xrp-fast-algorithm.svg" alt="(consensus network)" />
       <div class="card-footer"><h3>Fast, Efficient Consensus Algorithm</h3></div>
     </a><!--/.card-->
 
     <a href="xrp-ledger-overview.html#finite-xrp-supply" class="card">
-      <img class="card-img-top" src="assets/img/line-graph.svg" alt="(price graph)" />
+      <img class="card-img-top" src="assets/img/icon-xrp-finite.svg" alt="(price graph)" />
       <div class="card-footer"><h3>Finite XRP Supply</h3></div>
     </a><!--/.card-->
 
     <a href="xrp-ledger-overview.html#responsible-software-governance" class="card">
-      <img class="card-img-top" src="assets/img/scales.svg" alt="(scales of justice)" />
+      <img class="card-img-top" src="assets/img/icon-xrp-responsible.svg" alt="(scales of justice)" />
       <div class="card-footer"><h3>Responsible Software Governance</h3></div>
     </a><!--/.card-->
 
     <a href="xrp-ledger-overview.html#secure-adaptable-cryptography" class="card">
-      <img class="card-img-top" src="assets/img/lock.svg" alt="(lock)" />
+      <img class="card-img-top" src="assets/img/icon-xrp-secure.svg" alt="(lock)" />
       <div class="card-footer"><h3>Secure, Adaptable Cryptography</h3></div>
     </a><!--/.card-->
 
     <a href="xrp-ledger-overview.html#modern-features-for-smart-contracts" class="card">
-      <img class="card-img-top" src="assets/img/gears.svg" alt="(gears)" />
+      <img class="card-img-top" src="assets/img/icon-xrp-modern-smart-contracts.svg" alt="(gears)" />
       <div class="card-footer"><h3>Modern Features for Smart Contracts</h3></div>
     </a><!--/.card-->
 
     <a href="xrp-ledger-overview.html#on-ledger-decentralized-exchange" class="card">
-      <img class="card-img-top" src="assets/img/exchange.svg" alt="(currency exchange)" />
+      <img class="card-img-top" src="assets/img/icon-xrp-secure.svg" alt="(currency exchange)" />
       <div class="card-footer"><h3>On-Ledger Decentralized Exchange</h3></div>
     </a><!--/.card-->
 
@@ -175,6 +175,7 @@
 
     <div class="card">
       <div class="card-header">
+        <img class="image-icon" src="assets/img/icon-xrp-list-xrp.svg" >
         <h3 class="card-title">List XRP on Your Exchange</h3>
       </div><!--/.card-header-->
       <div class="card-body">
@@ -189,6 +190,7 @@
 
     <div class="card">
       <div class="card-header">
+        <img class="image-icon" src="assets/img/icon-xrp-send-xrp.svg" >
         <h3 class="card-title">Send XRP</h3>
       </div><!--/.card-header-->
       <div class="card-body">
@@ -203,6 +205,7 @@
 
     <div class="card">
       <div class="card-header">
+        <img class="image-icon" src="assets/img/icon-xrp-run-rippled.svg" >
         <h3 class="card-title">Run a rippled Server</h3>
       </div><!--/.card-header-->
       <div class="card-body">