From 08dbff803a754266504fd7b056338ff1498f2951 Mon Sep 17 00:00:00 2001
From: Scott Nonnenberg <scott@signal.org>
Date: Mon, 11 Nov 2019 10:03:15 -0800
Subject: [PATCH] Update timer and group/profile icons

---
 images/icons/v2/group-outline-20.svg   |  1 +
 images/icons/v2/group-outline-40.svg   |  1 +
 images/icons/v2/profile-outline-20.svg |  1 +
 images/icons/v2/profile-outline-40.svg |  1 +
 images/icons/v2/timer-00-12.svg        |  2 +-
 images/icons/v2/timer-05-12.svg        |  2 +-
 images/icons/v2/timer-10-12.svg        |  2 +-
 images/icons/v2/timer-15-12.svg        |  2 +-
 images/icons/v2/timer-20-12.svg        |  2 +-
 images/icons/v2/timer-25-12.svg        |  2 +-
 images/icons/v2/timer-30-12.svg        |  2 +-
 images/icons/v2/timer-35-12.svg        |  2 +-
 images/icons/v2/timer-40-12.svg        |  2 +-
 images/icons/v2/timer-45-12.svg        |  2 +-
 images/icons/v2/timer-50-12.svg        |  2 +-
 images/icons/v2/timer-55-12.svg        |  2 +-
 images/icons/v2/timer-60-12.svg        |  2 +-
 images/profile-group.svg               | 22 ---------
 images/profile-individual.svg          | 22 ---------
 stylesheets/_modules.scss              | 68 +++++++++++++++++++++-----
 ts/components/Avatar.md                | 28 ++++++++++-
 21 files changed, 99 insertions(+), 71 deletions(-)
 create mode 100644 images/icons/v2/group-outline-20.svg
 create mode 100644 images/icons/v2/group-outline-40.svg
 create mode 100644 images/icons/v2/profile-outline-20.svg
 create mode 100644 images/icons/v2/profile-outline-40.svg
 delete mode 100644 images/profile-group.svg
 delete mode 100644 images/profile-individual.svg

diff --git a/images/icons/v2/group-outline-20.svg b/images/icons/v2/group-outline-20.svg
new file mode 100644
index 0000000000..f4d336c8db
--- /dev/null
+++ b/images/icons/v2/group-outline-20.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><title>group-outline-20</title><path d="M16.149,7.961a3.5,3.5,0,1,0-5.8,0,3.994,3.994,0,0,0-.607.251,3.494,3.494,0,1,0-5.893,3.749A4.074,4.074,0,0,0,1,15.833V17H2.5V15.833A2.586,2.586,0,0,1,5.083,13.25H8.417A2.586,2.586,0,0,1,11,15.833V17h1.5V15.833a4.068,4.068,0,0,0-2.853-3.87A3.483,3.483,0,0,0,10.25,10a3.326,3.326,0,0,0-.035-.349,2.553,2.553,0,0,1,1.368-.4h3.334A2.586,2.586,0,0,1,17.5,11.833V13H19V11.833A4.074,4.074,0,0,0,16.149,7.961ZM6.75,12a2,2,0,1,1,2-2A2,2,0,0,1,6.75,12Zm6.5-4a2,2,0,1,1,2-2A2,2,0,0,1,13.25,8Z"/></svg>
\ No newline at end of file
diff --git a/images/icons/v2/group-outline-40.svg b/images/icons/v2/group-outline-40.svg
new file mode 100644
index 0000000000..751285beb4
--- /dev/null
+++ b/images/icons/v2/group-outline-40.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><title>group-outline-40</title><path d="M29,16.75a6.508,6.508,0,0,1,6.5,6.5V24H37v-.75a8,8,0,0,0-6.7-7.885,6.5,6.5,0,1,0-8.6,0,7.941,7.941,0,0,0-2.711.971A6.5,6.5,0,1,0,9.7,25.365,8,8,0,0,0,3,33.25V34H4.5v-.75a6.508,6.508,0,0,1,6.5-6.5h6a6.508,6.508,0,0,1,6.5,6.5V34H25v-.75a8,8,0,0,0-6.7-7.885,6.468,6.468,0,0,0,1.508-7.771A6.453,6.453,0,0,1,23,16.75ZM14,25.5a5,5,0,1,1,5-5A5,5,0,0,1,14,25.5Zm7-15a5,5,0,1,1,5,5A5,5,0,0,1,21,10.5Z"/></svg>
\ No newline at end of file
diff --git a/images/icons/v2/profile-outline-20.svg b/images/icons/v2/profile-outline-20.svg
new file mode 100644
index 0000000000..0309dcbc4b
--- /dev/null
+++ b/images/icons/v2/profile-outline-20.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><title>profile-outline-20</title><path d="M13.653,9.893a5,5,0,1,0-7.306,0A5.589,5.589,0,0,0,2,15.333V17H3.5V15.333A4.088,4.088,0,0,1,7.583,11.25h4.834A4.088,4.088,0,0,1,16.5,15.333V17H18V15.333A5.589,5.589,0,0,0,13.653,9.893ZM10,10a3.5,3.5,0,1,1,3.5-3.5A3.5,3.5,0,0,1,10,10Z"/></svg>
\ No newline at end of file
diff --git a/images/icons/v2/profile-outline-40.svg b/images/icons/v2/profile-outline-40.svg
new file mode 100644
index 0000000000..b4c7b89359
--- /dev/null
+++ b/images/icons/v2/profile-outline-40.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><title>profile-outline-40</title><path d="M25.009,20.07a7.5,7.5,0,1,0-10.018,0A8,8,0,0,0,8,28v1H9.5V28A6.508,6.508,0,0,1,16,21.5h8A6.508,6.508,0,0,1,30.5,28v1H32V28A8,8,0,0,0,25.009,20.07ZM20,20.5a6,6,0,1,1,6-6A6,6,0,0,1,20,20.5Z"/></svg>
\ No newline at end of file
diff --git a/images/icons/v2/timer-00-12.svg b/images/icons/v2/timer-00-12.svg
index f73171a5f1..5bdc9f1e6b 100644
--- a/images/icons/v2/timer-00-12.svg
+++ b/images/icons/v2/timer-00-12.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-00-12</title><path d="M6.25,2h-.5l-.5,4a.75.75,0,0,0,1.5,0Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-00-12</title><path d="M9.42,10.923a6.014,6.014,0,0,1-.865.5l-.508-.88a4.959,4.959,0,0,0,.866-.5ZM5.5,1.041a4.915,4.915,0,0,1,1,0V.026a6.07,6.07,0,0,0-1,0Zm5.036,7a4.966,4.966,0,0,1-.5.866l.889.513a6,6,0,0,0,.5-.866Zm.387-5.462-.877.507a4.959,4.959,0,0,1,.5.866l.88-.508A6.014,6.014,0,0,0,10.923,2.58ZM10.96,6.5h1.014a6.07,6.07,0,0,0,0-1H10.959A4.915,4.915,0,0,1,10.96,6.5ZM8.042,1.463a5.008,5.008,0,0,1,.866.5l.513-.889a6.057,6.057,0,0,0-.866-.5ZM2.581,1.076l.506.878a4.959,4.959,0,0,1,.866-.5L3.446.576A5.994,5.994,0,0,0,2.581,1.076Zm1.377,9.46a4.966,4.966,0,0,1-.866-.5l-.513.889a6,6,0,0,0,.866.5Zm2.542.423a4.915,4.915,0,0,1-1,0v1.014a6.07,6.07,0,0,0,1,0ZM1.954,8.913a4.959,4.959,0,0,1-.5-.866l-.88.508a6.014,6.014,0,0,0,.5.865ZM1.04,5.5H.026a6.07,6.07,0,0,0,0,1H1.041A4.915,4.915,0,0,1,1.04,5.5Zm.424-1.542a4.966,4.966,0,0,1,.5-.866l-.889-.513a6,6,0,0,0-.5.866ZM6.25,2h-.5l-.5,4a.75.75,0,0,0,1.5,0Z"/></svg>
\ No newline at end of file
diff --git a/images/icons/v2/timer-05-12.svg b/images/icons/v2/timer-05-12.svg
index 537a736ae7..69bb1d0c05 100644
--- a/images/icons/v2/timer-05-12.svg
+++ b/images/icons/v2/timer-05-12.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-05-12</title><path d="M8.5,1.669A4.993,4.993,0,0,0,6,1V0A6.006,6.006,0,0,1,9,.8Zm-.716.742L5.351,5.625a.75.75,0,0,0,1.3.75L8.216,2.661Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-05-12</title><path d="M5.5.025A6,6,0,0,1,9.421,1.074l-.513.889A4.972,4.972,0,0,0,5.5,1.041Zm5.036,8.017a4.966,4.966,0,0,1-.5.866l.889.513a6,6,0,0,0,.5-.866Zm-1.623,2a4.959,4.959,0,0,1-.866.5l.508.88a6.014,6.014,0,0,0,.865-.5Zm1.631-6.093.88-.508a6.014,6.014,0,0,0-.5-.865l-.877.507A4.959,4.959,0,0,1,10.544,3.953ZM10.96,6.5h1.014a6.07,6.07,0,0,0,0-1H10.959A4.915,4.915,0,0,1,10.96,6.5ZM1.954,8.913a4.959,4.959,0,0,1-.5-.866l-.88.508a6.014,6.014,0,0,0,.5.865Zm.627-7.837.506.878a4.959,4.959,0,0,1,.866-.5L3.446.576A5.994,5.994,0,0,0,2.581,1.076ZM6.5,10.959a4.915,4.915,0,0,1-1,0v1.014a6.07,6.07,0,0,0,1,0Zm-5.036-7a4.966,4.966,0,0,1,.5-.866l-.889-.513a6,6,0,0,0-.5.866ZM1.04,5.5H.026a6.07,6.07,0,0,0,0,1H1.041A4.915,4.915,0,0,1,1.04,5.5Zm2.918,5.036a4.966,4.966,0,0,1-.866-.5l-.513.889a6,6,0,0,0,.866.5ZM7.784,2.411,5.351,5.625a.75.75,0,0,0,1.3.75L8.216,2.661Z"/></svg>
\ No newline at end of file
diff --git a/images/icons/v2/timer-10-12.svg b/images/icons/v2/timer-10-12.svg
index 7e9287380e..e77037c03e 100644
--- a/images/icons/v2/timer-10-12.svg
+++ b/images/icons/v2/timer-10-12.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-10-12</title><path d="M10.332,3.5A5.022,5.022,0,0,0,6,1V0a6.023,6.023,0,0,1,5.2,3Zm-.993.284L5.625,5.35a.75.75,0,0,0,.75,1.3L9.589,4.216Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-10-12</title><path d="M1.041,6.5H.025a6.07,6.07,0,0,1,0-1H1.04A4.915,4.915,0,0,0,1.041,6.5ZM5.5,1.041a4.988,4.988,0,0,1,5.044,2.912l.88-.508A6,6,0,0,0,5.5.025Zm5.036,7a4.966,4.966,0,0,1-.5.866l.889.513a6,6,0,0,0,.5-.866ZM10.96,6.5h1.014a6.07,6.07,0,0,0,0-1H10.959A4.915,4.915,0,0,1,10.96,6.5ZM8.913,10.046a4.959,4.959,0,0,1-.866.5l.508.88a6.014,6.014,0,0,0,.865-.5ZM2.581,1.076l.506.878a4.959,4.959,0,0,1,.866-.5L3.446.576A5.994,5.994,0,0,0,2.581,1.076ZM6.5,10.959a4.915,4.915,0,0,1-1,0v1.014a6.07,6.07,0,0,0,1,0Zm-2.542-.423a4.966,4.966,0,0,1-.866-.5l-.513.889a6,6,0,0,0,.866.5Zm-2-1.623a4.959,4.959,0,0,1-.5-.866l-.88.508a6.014,6.014,0,0,0,.5.865Zm-.49-4.955a4.966,4.966,0,0,1,.5-.866l-.889-.513a6,6,0,0,0-.5.866Zm7.875-.174L5.625,5.35a.75.75,0,0,0,.75,1.3L9.589,4.216Z"/></svg>
\ No newline at end of file
diff --git a/images/icons/v2/timer-15-12.svg b/images/icons/v2/timer-15-12.svg
index a93963b578..321b411d0a 100644
--- a/images/icons/v2/timer-15-12.svg
+++ b/images/icons/v2/timer-15-12.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-15-12</title><path d="M12,6H11A5.006,5.006,0,0,0,6,1V0A6.006,6.006,0,0,1,12,6ZM6,5.25a.75.75,0,0,0,0,1.5l4-.5v-.5Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-15-12</title><path d="M1.05,6.5h-1a5.963,5.963,0,0,1,0-1h1A5.063,5.063,0,0,0,1.05,6.5Zm9.495,1.547a4.907,4.907,0,0,1-.5.865l.874.5a5.94,5.94,0,0,0,.491-.87ZM5.5,1.05A4.932,4.932,0,0,1,10.95,6.5h1A5.924,5.924,0,0,0,5.5.048Zm3.916,9.868-.5-.874a4.907,4.907,0,0,1-.865.5l.5.864A5.889,5.889,0,0,0,9.416,10.918Zm-5.463-.373a4.846,4.846,0,0,1-.865-.5l-.5.874a5.94,5.94,0,0,0,.87.491Zm2.547.4a5.063,5.063,0,0,1-1,0v1a5.963,5.963,0,0,0,1,0ZM2.584,1.082l.5.873a4.97,4.97,0,0,1,.865-.5l-.5-.863A5.94,5.94,0,0,0,2.584,1.082Zm-.628,7.83a4.907,4.907,0,0,1-.5-.865l-.864.5a5.94,5.94,0,0,0,.491.87Zm-.5-4.959a4.907,4.907,0,0,1,.5-.865l-.874-.5a5.94,5.94,0,0,0-.491.87ZM6,5.25a.75.75,0,0,0,0,1.5l4-.5v-.5Z"/></svg>
\ No newline at end of file
diff --git a/images/icons/v2/timer-20-12.svg b/images/icons/v2/timer-20-12.svg
index 1c84e8ec46..4ab3a1b3ea 100644
--- a/images/icons/v2/timer-20-12.svg
+++ b/images/icons/v2/timer-20-12.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-20-12</title><path d="M11.2,9l-.865-.5A5,5,0,0,0,6,1V0a6,6,0,0,1,5.2,9Z"/><path d="M6.375,5.35a.75.75,0,0,0-.75,1.3L9.339,8.216l.25-.432Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-20-12</title><path d="M5.5.026A5.986,5.986,0,0,1,10.923,9.42l-.877-.507A4.965,4.965,0,0,0,5.5,1.04Zm-2.92,10.9a6.014,6.014,0,0,0,.865.5l.508-.88a4.959,4.959,0,0,1-.866-.5ZM1.041,5.5H.025a6.07,6.07,0,0,0,0,1H1.04A4.915,4.915,0,0,1,1.041,5.5Zm8.38,5.426-.513-.889a4.966,4.966,0,0,1-.866.5l.513.889A6,6,0,0,0,9.421,10.926ZM6.5,10.96a4.915,4.915,0,0,1-1,0v1.016a6.07,6.07,0,0,0,1,0ZM2.579,1.074l.513.889a5.008,5.008,0,0,1,.866-.5L3.445.575A6.057,6.057,0,0,0,2.579,1.074ZM1.963,8.908a4.966,4.966,0,0,1-.5-.866l-.889.513a6,6,0,0,0,.5.866ZM1.456,3.953a4.959,4.959,0,0,1,.5-.866L1.077,2.58a6.014,6.014,0,0,0-.5.865Zm4.919,1.4a.75.75,0,0,0-.75,1.3L9.339,8.216l.25-.432Z"/></svg>
\ No newline at end of file
diff --git a/images/icons/v2/timer-25-12.svg b/images/icons/v2/timer-25-12.svg
index 07370afce7..27942a18d5 100644
--- a/images/icons/v2/timer-25-12.svg
+++ b/images/icons/v2/timer-25-12.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-25-12</title><path d="M9,11.2l-.5-.865A5,5,0,0,0,6,1V0A6,6,0,0,1,9,11.2ZM6.65,5.625a.75.75,0,1,0-1.3.75L7.784,9.589l.432-.25Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-25-12</title><path d="M1.077,9.42a6.014,6.014,0,0,1-.5-.865l.88-.508a4.959,4.959,0,0,0,.5.866Zm.387-5.462a4.966,4.966,0,0,1,.5-.866l-.889-.513a6,6,0,0,0-.5.866ZM1.04,5.5H.026a6.07,6.07,0,0,0,0,1H1.041A4.915,4.915,0,0,1,1.04,5.5ZM2.581,1.076l.506.878a4.959,4.959,0,0,1,.866-.5L3.446.576A5.994,5.994,0,0,0,2.581,1.076Zm1.377,9.46a4.966,4.966,0,0,1-.866-.5l-.513.889a6,6,0,0,0,.866.5ZM11.8,4.447A6,6,0,0,0,5.5.025V1.041a4.981,4.981,0,0,1,2.547,9.5l.508.88A6,6,0,0,0,11.8,4.447ZM6.5,10.959a4.915,4.915,0,0,1-1,0v1.014a6.07,6.07,0,0,0,1,0Zm.15-5.334a.75.75,0,1,0-1.3.75L7.784,9.589l.432-.25Z"/></svg>
\ No newline at end of file
diff --git a/images/icons/v2/timer-30-12.svg b/images/icons/v2/timer-30-12.svg
index 93b6c11627..55c7bb02f3 100644
--- a/images/icons/v2/timer-30-12.svg
+++ b/images/icons/v2/timer-30-12.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-30-12</title><path d="M6,12V11A5,5,0,0,0,6,1V0A6,6,0,0,1,6,12ZM6,5.25A.75.75,0,0,0,5.25,6l.5,4h.5l.5-4A.75.75,0,0,0,6,5.25Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-30-12</title><path d="M1.05,6.5h-1a5.963,5.963,0,0,1,0-1h1A5.063,5.063,0,0,0,1.05,6.5Zm.906,2.412a4.907,4.907,0,0,1-.5-.865l-.864.5a5.94,5.94,0,0,0,.491.87Zm-.5-4.959a4.907,4.907,0,0,1,.5-.865l-.874-.5a5.94,5.94,0,0,0-.491.87Zm8.788-2.2A5.962,5.962,0,0,0,5.5.048v1a4.978,4.978,0,1,1,0,9.9v1A5.976,5.976,0,0,0,10.243,1.757ZM2.584,1.082l.5.873a4.97,4.97,0,0,1,.865-.5l-.5-.863A5.94,5.94,0,0,0,2.584,1.082Zm1.369,9.463a4.907,4.907,0,0,1-.865-.5l-.5.874a5.94,5.94,0,0,0,.87.491ZM6,5.25A.75.75,0,0,0,5.25,6l.5,4h.5l.5-4A.75.75,0,0,0,6,5.25Z"/></svg>
\ No newline at end of file
diff --git a/images/icons/v2/timer-35-12.svg b/images/icons/v2/timer-35-12.svg
index 143fb225ee..6dcb9bda2d 100644
--- a/images/icons/v2/timer-35-12.svg
+++ b/images/icons/v2/timer-35-12.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-35-12</title><path d="M6,12a5.988,5.988,0,0,1-3-.8l.5-.865A5,5,0,1,0,6,1V0A6,6,0,0,1,6,12Zm.375-6.65a.751.751,0,0,0-1.025.275L3.784,9.339l.432.25L6.65,6.375A.751.751,0,0,0,6.375,5.35Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-35-12</title><path d="M1.04,6.5H.026a6.07,6.07,0,0,1,0-1H1.041A4.915,4.915,0,0,0,1.04,6.5ZM.576,3.445l.88.508a4.959,4.959,0,0,1,.5-.866L1.077,2.58A6.014,6.014,0,0,0,.576,3.445Zm0,5.11a6,6,0,0,0,.5.866l.889-.513a4.966,4.966,0,0,1-.5-.866Zm2-7.481.513.889a5.008,5.008,0,0,1,.866-.5L3.445.575A6.057,6.057,0,0,0,2.579,1.074ZM7.553.2A6,6,0,0,0,5.5.026V1.04a4.994,4.994,0,1,1-.794,9.79,4.961,4.961,0,0,1-1.619-.784l-.507.877A6,6,0,1,0,7.553.2ZM6.375,5.35a.751.751,0,0,0-1.025.275L3.784,9.339l.432.25L6.65,6.375A.751.751,0,0,0,6.375,5.35Z"/></svg>
\ No newline at end of file
diff --git a/images/icons/v2/timer-40-12.svg b/images/icons/v2/timer-40-12.svg
index 205dbe4691..0b27d77330 100644
--- a/images/icons/v2/timer-40-12.svg
+++ b/images/icons/v2/timer-40-12.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-40-12</title><path d="M6,12A6.019,6.019,0,0,1,.8,9l.865-.5A5,5,0,1,0,6,1V0A6,6,0,0,1,6,12Zm.65-6.375A.751.751,0,0,0,5.625,5.35L2.411,7.784l.25.432L6.375,6.649A.749.749,0,0,0,6.65,5.625Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-40-12</title><path d="M1.074,2.579l.889.513a5.035,5.035,0,0,0-.5.866L.575,3.445A6,6,0,0,1,1.074,2.579ZM.026,5.5a6.07,6.07,0,0,0,0,1H1.041a4.915,4.915,0,0,1,0-1ZM11.8,4.447A6,6,0,0,0,5.5.025V1.041A4.991,4.991,0,1,1,1.456,8.047l-.88.508A6,6,0,0,0,11.8,4.447ZM2.581,1.076l.506.878a4.959,4.959,0,0,1,.866-.5L3.446.576A5.994,5.994,0,0,0,2.581,1.076ZM6.65,5.625A.751.751,0,0,0,5.625,5.35L2.411,7.784l.25.432L6.375,6.649A.749.749,0,0,0,6.65,5.625Z"/></svg>
\ No newline at end of file
diff --git a/images/icons/v2/timer-45-12.svg b/images/icons/v2/timer-45-12.svg
index 7839099d55..c91d4b82fd 100644
--- a/images/icons/v2/timer-45-12.svg
+++ b/images/icons/v2/timer-45-12.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-45-12</title><path d="M6,12A6.006,6.006,0,0,1,0,6H1A5,5,0,1,0,6,1V0A6,6,0,0,1,6,12ZM6,5.25l-4,.5v.5l4,.5a.75.75,0,0,0,0-1.5Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-45-12</title><path d="M1.082,2.584l.874.5a4.907,4.907,0,0,0-.5.865l-.864-.5A5.94,5.94,0,0,1,1.082,2.584Zm1.5-1.5.5.873a4.97,4.97,0,0,1,.865-.5l-.5-.863A5.94,5.94,0,0,0,2.584,1.082Zm7.659.675A5.962,5.962,0,0,0,5.5.048v1A5,5,0,1,1,1.05,5.5h-1a5.989,5.989,0,1,0,10.2-3.743ZM6,5.25l-4,.5v.5l4,.5a.75.75,0,0,0,0-1.5Z"/></svg>
\ No newline at end of file
diff --git a/images/icons/v2/timer-50-12.svg b/images/icons/v2/timer-50-12.svg
index b64dfb6cf8..ac911ea99a 100644
--- a/images/icons/v2/timer-50-12.svg
+++ b/images/icons/v2/timer-50-12.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-50-12</title><path d="M6,12A6,6,0,0,1,.8,3l.865.5A5,5,0,1,0,6,1V0A6,6,0,0,1,6,12Zm.375-6.65L2.661,3.784l-.25.432L5.625,6.649a.75.75,0,1,0,.75-1.3Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-50-12</title><path d="M3.445.575l.513.888a5.008,5.008,0,0,0-.866.5l-.513-.889A6.057,6.057,0,0,1,3.445.575ZM7.553.2A6,6,0,0,0,5.5.026V1.04A4.991,4.991,0,1,1,1.17,4.706a4.961,4.961,0,0,1,.784-1.619L1.077,2.58A6,6,0,1,0,7.553.2ZM6.375,5.35,2.661,3.784l-.25.432L5.625,6.649a.75.75,0,1,0,.75-1.3Z"/></svg>
\ No newline at end of file
diff --git a/images/icons/v2/timer-55-12.svg b/images/icons/v2/timer-55-12.svg
index 18a0074d02..1166a6ce1a 100644
--- a/images/icons/v2/timer-55-12.svg
+++ b/images/icons/v2/timer-55-12.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-55-12</title><path d="M6,12A6,6,0,0,1,3,.8l.5.865A5,5,0,1,0,6,1V0A6,6,0,0,1,6,12Zm.65-6.375L4.216,2.411l-.432.25L5.35,6.375a.75.75,0,0,0,1.3-.75Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-55-12</title><path d="M11.2,9A6,6,0,1,1,3.445.575l.507.879A4.989,4.989,0,1,0,8.5,1.67a4.958,4.958,0,0,0-3-.631V.024A6,6,0,0,1,11.2,9ZM6.65,5.625,4.216,2.411l-.432.25L5.35,6.375a.75.75,0,0,0,1.3-.75Z"/></svg>
\ No newline at end of file
diff --git a/images/icons/v2/timer-60-12.svg b/images/icons/v2/timer-60-12.svg
index 454885e4ee..60d77a921e 100644
--- a/images/icons/v2/timer-60-12.svg
+++ b/images/icons/v2/timer-60-12.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-60-12</title><path d="M6,12a6,6,0,1,1,6-6A6.006,6.006,0,0,1,6,12ZM6,1a5,5,0,1,0,5,5A5.006,5.006,0,0,0,6,1Zm.25,1h-.5l-.5,4a.75.75,0,0,0,1.5,0Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><title>timer-60-12</title><path d="M6,1A5,5,0,1,1,1,6,5.006,5.006,0,0,1,6,1M6,0a6,6,0,1,0,6,6A6,6,0,0,0,6,0Zm.25,2h-.5l-.5,4a.75.75,0,0,0,1.5,0Z"/></svg>
\ No newline at end of file
diff --git a/images/profile-group.svg b/images/profile-group.svg
deleted file mode 100644
index a6c9788bc3..0000000000
--- a/images/profile-group.svg
+++ /dev/null
@@ -1,22 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 51.3 (57544) - http://www.bohemiancoding.com/sketch -->
-    <title>Group/group-28</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <path d="M18.7272727,13.2857143 C20.6890909,13.2857143 22.2609091,11.6585714 22.2609091,9.64285714 C22.2609091,7.62714286 20.6890909,6 18.7272727,6 C16.7654545,6 15.1818182,7.62714286 15.1818182,9.64285714 C15.1818182,11.6585714 16.7654545,13.2857143 18.7272727,13.2857143 Z M9.27272727,13.2857143 C11.2345455,13.2857143 12.8063636,11.6585714 12.8063636,9.64285714 C12.8063636,7.62714286 11.2345455,6 9.27272727,6 C7.31090909,6 5.72727273,7.62714286 5.72727273,9.64285714 C5.72727273,11.6585714 7.31090909,13.2857143 9.27272727,13.2857143 Z M9.27272727,15.7142857 C6.51909091,15.7142857 1,17.135 1,19.9642857 L1,23 L17.5454545,23 L17.5454545,19.9642857 C17.5454545,17.135 12.0263636,15.7142857 9.27272727,15.7142857 Z M18.7272727,15.7142857 C18.3845455,15.7142857 17.9945455,15.7385714 17.5809091,15.775 C18.9518182,16.795 19.9090909,18.1671429 19.9090909,19.9642857 L19.9090909,23 L27,23 L27,19.9642857 C27,17.135 21.4809091,15.7142857 18.7272727,15.7142857 Z" id="path-1"></path>
-        <rect id="path-3" x="0" y="0" width="28" height="28"></rect>
-    </defs>
-    <g id="Group/group-28" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <mask id="mask-2" fill="white">
-            <use xlink:href="#path-1"></use>
-        </mask>
-        <use id="Shape" fill="#000000" fill-rule="nonzero" xlink:href="#path-1"></use>
-        <g id="Color/UI/Black" mask="url(#mask-2)">
-            <mask id="mask-4" fill="white">
-                <use xlink:href="#path-3"></use>
-            </mask>
-            <use id="fill" fill="#000000" fill-rule="evenodd" xlink:href="#path-3"></use>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/images/profile-individual.svg b/images/profile-individual.svg
deleted file mode 100644
index f28b9ea45c..0000000000
--- a/images/profile-individual.svg
+++ /dev/null
@@ -1,22 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 51.3 (57544) - http://www.bohemiancoding.com/sketch -->
-    <title>Profile/profile-28</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <path d="M14,14 C16.7625,14 19,11.7625 19,9 C19,6.2375 16.7625,4 14,4 C11.2375,4 9,6.2375 9,9 C9,11.7625 11.2375,14 14,14 Z M14,16.5 C10.6625,16.5 4,18.175 4,21.5 L4,24 L24,24 L24,21.5 C24,18.175 17.3375,16.5 14,16.5 Z" id="path-1"></path>
-        <rect id="path-3" x="0" y="0" width="28" height="28"></rect>
-    </defs>
-    <g id="Profile/profile-28" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <mask id="mask-2" fill="white">
-            <use xlink:href="#path-1"></use>
-        </mask>
-        <use id="Shape" fill="#000000" fill-rule="nonzero" xlink:href="#path-1"></use>
-        <g id="Color/UI/Black" mask="url(#mask-2)">
-            <mask id="mask-4" fill="white">
-                <use xlink:href="#path-3"></use>
-            </mask>
-            <use id="fill" fill="#000000" fill-rule="evenodd" xlink:href="#path-3"></use>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
index 6f09d00e3c..d45d2586a9 100644
--- a/stylesheets/_modules.scss
+++ b/stylesheets/_modules.scss
@@ -3067,19 +3067,28 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
 
 .module-avatar__icon--group {
   @include light-theme {
-    @include color-svg('../images/profile-group.svg', $color-white);
+    @include color-svg('../images/icons/v2/group-outline-40.svg', $color-white);
   }
   @include dark-theme {
-    @include color-svg('../images/profile-group.svg', $color-gray-05);
+    @include color-svg(
+      '../images/icons/v2/group-outline-40.svg',
+      $color-gray-05
+    );
   }
 }
 
 .module-avatar__icon--direct {
   @include light-theme {
-    @include color-svg('../images/profile-individual.svg', $color-white);
+    @include color-svg(
+      '../images/icons/v2/profile-outline-40.svg',
+      $color-white
+    );
   }
   @include dark-theme {
-    @include color-svg('../images/profile-individual.svg', $color-gray-05);
+    @include color-svg(
+      '../images/icons/v2/profile-outline-40.svg',
+      $color-gray-05
+    );
   }
 }
 
@@ -3093,16 +3102,41 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
   }
 }
 
+.module-avatar__icon--28.module-avatar__icon--group {
+  height: 20px;
+  width: 20px;
+  @include light-theme {
+    @include color-svg('../images/icons/v2/group-outline-20.svg', $color-white);
+  }
+  @include dark-theme {
+    @include color-svg(
+      '../images/icons/v2/group-outline-20.svg',
+      $color-gray-05
+    );
+  }
+}
+.module-avatar__icon--28.module-avatar__icon--direct {
+  height: 20px;
+  width: 20px;
+  @include light-theme {
+    @include color-svg(
+      '../images/icons/v2/profile-outline-20.svg',
+      $color-white
+    );
+  }
+  @include dark-theme {
+    @include color-svg(
+      '../images/icons/v2/profile-outline-20.svg',
+      $color-gray-05
+    );
+  }
+}
+
 .module-avatar__label--28 {
   font-size: 14px;
   line-height: 28px;
 }
 
-.module-avatar__icon--28 {
-  height: 16px;
-  width: 16px;
-}
-
 .module-avatar--52 {
   height: 52px;
   width: 52px;
@@ -3121,8 +3155,12 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
 }
 
 .module-avatar__icon--52 {
-  height: 26px;
-  width: 26px;
+  height: 38px;
+  width: 38px;
+}
+.module-avatar__icon--52.module-avatar__icon--direct {
+  height: 42px;
+  width: 42px;
 }
 
 .module-avatar--80 {
@@ -3142,8 +3180,12 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
 }
 
 .module-avatar__icon--80 {
-  height: 42px;
-  width: 42px;
+  height: 58px;
+  width: 58px;
+}
+.module-avatar__icon--80.module-avatar__icon--direct {
+  height: 62px;
+  width: 62px;
 }
 
 .module-avatar__icon--note-to-self {
diff --git a/ts/components/Avatar.md b/ts/components/Avatar.md
index f489e31041..0cedf54f27 100644
--- a/ts/components/Avatar.md
+++ b/ts/components/Avatar.md
@@ -94,10 +94,36 @@
 </util.ConversationContext>
 ```
 
-### All colors
+### Group Icon
 
 ```jsx
 <util.ConversationContext theme={util.theme} ios={util.ios}>
+  <Avatar size={80} color="blue" conversationType="group" i18n={util.i18n} />
+  <Avatar size={52} color="blue" conversationType="group" i18n={util.i18n} />
+  <Avatar size={28} color="blue" conversationType="group" i18n={util.i18n} />
+</util.ConversationContext>
+```
+
+### Contact Icon
+
+```jsx
+<util.ConversationContext theme={util.theme} ios={util.ios}>
+  <Avatar size={80} color="blue" conversationType="direct" i18n={util.i18n} />
+  <Avatar size={52} color="blue" conversationType="direct" i18n={util.i18n} />
+  <Avatar size={28} color="blue" conversationType="direct" i18n={util.i18n} />
+</util.ConversationContext>
+```
+
+### All colors, 28px
+
+```jsx
+<util.ConversationContext theme={util.theme} ios={util.ios}>
+  <Avatar
+    size={28}
+    color="signal-blue"
+    conversationType="direct"
+    i18n={util.i18n}
+  />
   <Avatar
     size={28}
     color="signal-blue"