Start adding SVG icons

10 files changed, 269 insertions, 0 deletions

diff --git a/app/assets/stylesheets/framework/sidebar.scss b/app/assets/stylesheets/framework/sidebar.scss
index 46d46368d25..fa9cddef0ad 100644
--- a/app/assets/stylesheets/framework/sidebar.scss
+++ b/app/assets/stylesheets/framework/sidebar.scss
@@ -113,6 +113,14 @@
         color: $gray-light;
       }
 
+      path {
+        fill: $gray-light;
+      }
+
+      svg {
+        margin-right: 13px;
+      }
+
       .nav-link-text {
         margin-top: 3px;
         font-size: 13px;
diff --git a/app/helpers/appearances_helper.rb b/app/helpers/appearances_helper.rb
index e0abc3a2869..f240584ccbf 100644
--- a/app/helpers/appearances_helper.rb
+++ b/app/helpers/appearances_helper.rb
@@ -30,4 +30,8 @@ module AppearancesHelper
       render 'shared/logo.svg'
     end
   end
+
+  def navbar_icon(icon_name)
+    render "shared/icons/#{icon_name}.svg"
+  end
 end
diff --git a/app/views/layouts/nav/_dashboard.html.haml b/app/views/layouts/nav/_dashboard.html.haml
index df77d9cf83e..30729810687 100644
--- a/app/views/layouts/nav/_dashboard.html.haml
+++ b/app/views/layouts/nav/_dashboard.html.haml
@@ -11,6 +11,7 @@
         Todos
   = nav_link(path: 'dashboard#activity') do
     = link_to activity_dashboard_path, class: 'dashboard-shortcuts-activity', title: 'Activity' do
+<<<<<<< e6daf1f899b412ded9a16674865b09f31fc7c75a
       = icon('dashboard fw')
       .nav-link-text
         Activity
@@ -28,6 +29,25 @@
     = link_to assigned_issues_dashboard_path, title: 'Issues', class: 'dashboard-shortcuts-issues' do
       = icon('exclamation-circle fw')
       .nav-link-text
+=======
+      = navbar_icon('activity')
+      %span
+        Activity
+  = nav_link(controller: [:groups, 'groups/milestones', 'groups/group_members']) do
+    = link_to dashboard_groups_path, title: 'Groups' do
+      = navbar_icon('group')
+      %span
+        Groups
+  = nav_link(controller: 'dashboard/milestones') do
+    = link_to dashboard_milestones_path, title: 'Milestones' do
+      = navbar_icon('milestones')
+      %span
+        Milestones
+  = nav_link(path: 'dashboard#issues') do
+    = link_to assigned_issues_dashboard_path, title: 'Issues', class: 'dashboard-shortcuts-issues' do
+      = navbar_icon('issues')
+      %span
+>>>>>>> Start adding SVG icons
         Issues
   = nav_link(path: 'dashboard#merge_requests') do
     = link_to assigned_mrs_dashboard_path, title: 'Merge Requests', class: 'dashboard-shortcuts-merge_requests' do
diff --git a/app/views/shared/icons/_activity.svg b/app/views/shared/icons/_activity.svg
new file mode 100644
index 00000000000..69e5afd3a4c
--- /dev/null
+++ b/app/views/shared/icons/_activity.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
+    <title>Group 5</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <path d="M5,0 C4.448,0 4,0.448 4,1 L4,3 L1,3 C0.448,3 0,3.448 0,4 L0,9 C0,9.552 0.448,10 1,10 L5,10 L5,8 L11,8 L11,10 L15,10 C15.552,10 16,9.552 16,9 L16,4 C16,3.448 15.552,3 15,3 L12,3 L12,1 C12,0.448 11.552,0 11,0 L5,0 L5,0 Z M6,2.5 C6,2.224 6.224,2 6.5,2 L9.5,2 C9.776,2 10,2.224 10,2.5 C10,2.776 9.776,3 9.5,3 L6.5,3 C6.224,3 6,2.776 6,2.5 L6,2.5 Z M6,11 L10.001,11 L10.001,9 L6,9 L6,11 L6,11 Z M11,11 L11,12 L5,12 L5,11 L1,11 C0.448,11 0,11.448 0,12 L0,15 C0,15.552 0.448,16 1,16 L15,16 C15.552,16 16,15.552 16,15 L16,12 C16,11.448 15.552,11 15,11 L11,11 L11,11 Z" id="path-1"></path>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-5">
+            <mask id="mask-2" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <g id="Clip-4"></g>
+            <polygon id="Fill-3" fill="#7E7C7C" mask="url(#mask-2)" points="-5 21 21 21 21 -5 -5 -5"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/app/views/shared/icons/_contributionanalytics.svg b/app/views/shared/icons/_contributionanalytics.svg
new file mode 100644
index 00000000000..33edf0f9320
--- /dev/null
+++ b/app/views/shared/icons/_contributionanalytics.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
+    <title>Pasted Image 234</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <path d="M0,8 C0,12.419 3.581,16 8,16 C12.419,16 16,12.419 16,8 C16,3.581 12.419,0 8,0 C3.581,0 0,3.581 0,8 L0,8 Z M2,8 C2,4.692 4.692,2 8,2 C11.308,2 14,4.692 14,8 C14,11.308 11.308,14 8,14 C4.692,14 2,11.308 2,8 L2,8 Z" id="path-1"></path>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Pasted-Image-234">
+            <path d="M8,0 C3.581,0 0,3.581 0,8 C0,12.419 3.581,16 8,16 C12.419,16 16,12.419 16,8 C16,3.581 12.419,0 8,0 M8,2 C11.308,2 14,4.692 14,8 C14,11.308 11.308,14 8,14 C4.692,14 2,11.308 2,8 C2,4.692 4.692,2 8,2" id="Fill-1" fill="#7E7C7C"></path>
+            <g id="Group-5">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="Clip-4"></g>
+            </g>
+            <g id="Group-16" transform="translate(1.000000, 5.000000)">
+                <polyline id="Stroke-6" stroke="#7E7C7C" points="0.7188 4.4688 5.1558 1.1248 8.8958 5.0838 13.6878 0.6878"></polyline>
+                <path d="M6.0313,1.3928 C6.0313,1.9448 5.5833,2.3928 5.0313,2.3928 C4.4793,2.3928 4.0313,1.9448 4.0313,1.3928 C4.0313,0.8408 4.4793,0.3928 5.0313,0.3928 C5.5833,0.3928 6.0313,0.8408 6.0313,1.3928" id="Fill-8" fill="#FEFEFE"></path>
+                <path d="M6.0313,1.3928 C6.0313,1.9448 5.5833,2.3928 5.0313,2.3928 C4.4793,2.3928 4.0313,1.9448 4.0313,1.3928 C4.0313,0.8408 4.4793,0.3928 5.0313,0.3928 C5.5833,0.3928 6.0313,0.8408 6.0313,1.3928 L6.0313,1.3928 Z" id="Stroke-10" stroke="#7E7C7C"></path>
+                <path d="M9.8854,4.8715 C9.8854,5.4235 9.4374,5.8715 8.8854,5.8715 C8.3334,5.8715 7.8854,5.4235 7.8854,4.8715 C7.8854,4.3195 8.3334,3.8715 8.8854,3.8715 C9.4374,3.8715 9.8854,4.3195 9.8854,4.8715" id="Fill-12" fill="#FEFEFE"></path>
+                <path d="M9.8854,4.8715 C9.8854,5.4235 9.4374,5.8715 8.8854,5.8715 C8.3334,5.8715 7.8854,5.4235 7.8854,4.8715 C7.8854,4.3195 8.3334,3.8715 8.8854,3.8715 C9.4374,3.8715 9.8854,4.3195 9.8854,4.8715 L9.8854,4.8715 Z" id="Stroke-14" stroke="#7E7C7C"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/app/views/shared/icons/_group.svg b/app/views/shared/icons/_group.svg
new file mode 100644
index 00000000000..6f2c530c9ba
--- /dev/null
+++ b/app/views/shared/icons/_group.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
+    <title>Pasted Image 232</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="5.9997 6 0 6 0 0.0221 5.9997 0.0221 5.9997 6"></polygon>
+        <polygon id="path-3" points="-0.0003 6 5.9997 6 5.9997 0.0221 -0.0003 0.0221"></polygon>
+        <polygon id="path-5" points="7.9997 0.012 -0.0003 0.012 -0.0003 6.9896 7.9997 6.9896 7.9997 0.012"></polygon>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Pasted-Image-232" transform="translate(0.000000, -1.000000)">
+            <path d="M12.5,9.5834 L3.5,9.5834" id="Stroke-1" stroke="#303030" stroke-width="2"></path>
+            <path d="M8,10.0834 L8,6.0834" id="Stroke-3" stroke="#303030" stroke-width="2"></path>
+            <g id="Group-17" transform="translate(0.000000, 0.988400)">
+                <path d="M3,11.095 L3,7.595" id="Stroke-4" stroke="#303030" stroke-width="2"></path>
+                <path d="M13,11.095 L13,7.595" id="Stroke-6" stroke="#303030" stroke-width="2"></path>
+                <g id="Group-10" transform="translate(0.000000, 10.000000)">
+                    <mask id="mask-2" fill="white">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <g id="Clip-9"></g>
+                    <path d="M5.6667,0.0221 L0.3337,0.0221 C0.1497,0.0221 -0.0003,0.1891 -0.0003,0.3961 L-0.0003,5.6261 C-0.0003,5.8331 0.1497,6.0001 0.3337,6.0001 L5.6667,6.0001 C5.8507,6.0001 5.9997,5.8331 5.9997,5.6261 L5.9997,0.3961 C5.9997,0.1891 5.8507,0.0221 5.6667,0.0221 L5.6667,0.0221 Z M1.9997,4.0221 L3.9997,4.0221 L3.9997,2.0221 L1.9997,2.0221 L1.9997,4.0221 Z" id="Fill-8" fill="#303030" mask="url(#mask-2)"></path>
+                </g>
+                <g id="Group-13" transform="translate(10.000000, 10.000000)">
+                    <mask id="mask-4" fill="white">
+                        <use xlink:href="#path-3"></use>
+                    </mask>
+                    <g id="Clip-12"></g>
+                    <path d="M5.6667,0.0221 L0.3337,0.0221 C0.1497,0.0221 -0.0003,0.1891 -0.0003,0.3961 L-0.0003,5.6261 C-0.0003,5.8331 0.1497,6.0001 0.3337,6.0001 L5.6667,6.0001 C5.8507,6.0001 5.9997,5.8331 5.9997,5.6261 L5.9997,0.3961 C5.9997,0.1891 5.8507,0.0221 5.6667,0.0221 L5.6667,0.0221 Z M1.9997,4.0221 L3.9997,4.0221 L3.9997,2.0221 L1.9997,2.0221 L1.9997,4.0221 Z" id="Fill-11" fill="#303030" mask="url(#mask-4)"></path>
+                </g>
+                <g id="Group-16" transform="translate(4.000000, 0.000000)">
+                    <mask id="mask-6" fill="white">
+                        <use xlink:href="#path-5"></use>
+                    </mask>
+                    <g id="Clip-15"></g>
+                    <path d="M7.6667,0.0116 L0.3337,0.0116 C0.1497,0.0116 -0.0003,0.1786 -0.0003,0.3856 L-0.0003,6.6156 C-0.0003,6.8226 0.1497,6.9896 0.3337,6.9896 L7.6667,6.9896 C7.8507,6.9896 7.9997,6.8226 7.9997,6.6156 L7.9997,0.3856 C7.9997,0.1786 7.8507,0.0116 7.6667,0.0116 L7.6667,0.0116 Z M1.9997,5.0116 L5.9997,5.0116 L5.9997,2.0116 L1.9997,2.0116 L1.9997,5.0116 Z" id="Fill-14" fill="#303030" mask="url(#mask-6)"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/app/views/shared/icons/_issues.svg b/app/views/shared/icons/_issues.svg
new file mode 100644
index 00000000000..92f48b897b2
--- /dev/null
+++ b/app/views/shared/icons/_issues.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
+    <title>Pasted Image 227</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <path d="M0,8 C0,12.419 3.581,16 8,16 C12.419,16 16,12.419 16,8 C16,3.581 12.419,0 8,0 C3.581,0 0,3.581 0,8 L0,8 Z M2,8 C2,4.692 4.692,2 8,2 C11.308,2 14,4.692 14,8 C14,11.308 11.308,14 8,14 C4.692,14 2,11.308 2,8 L2,8 Z" id="path-1"></path>
+        <polygon id="path-3" points="0.16 0 0.11 4 1.889 4 1.889 0"></polygon>
+        <polygon id="path-5" points="0.16 0.666 0.11 2.445 1.889 2.445 1.889 0.666"></polygon>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Pasted-Image-227">
+            <path d="M8,0 C3.581,0 0,3.581 0,8 C0,12.419 3.581,16 8,16 C12.419,16 16,12.419 16,8 C16,3.581 12.419,0 8,0 M8,2 C11.308,2 14,4.692 14,8 C14,11.308 11.308,14 8,14 C4.692,14 2,11.308 2,8 C2,4.692 4.692,2 8,2" id="Fill-1" fill="#7E7C7C"></path>
+            <g id="Group-5">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="Clip-4"></g>
+            </g>
+            <polygon id="Fill-6" fill="#7E7C7C" points="7.1597 4 8.8887 4 8.8887 8 7.1107 8"></polygon>
+            <g id="Group-10" transform="translate(7.000000, 4.000000)">
+                <mask id="mask-4" fill="white">
+                    <use xlink:href="#path-3"></use>
+                </mask>
+                <g id="Clip-9"></g>
+                <polygon id="Fill-8" fill="#7E7C7C" mask="url(#mask-4)" points="-4.889 9 6.889 9 6.889 -5 -4.889 -5"></polygon>
+            </g>
+            <polygon id="Fill-11" fill="#7E7C7C" points="7.1597 9.6667 8.8887 9.6667 8.8887 11.4447 7.1107 11.4447"></polygon>
+            <g id="Group-15" transform="translate(7.000000, 9.000000)">
+                <mask id="mask-6" fill="white">
+                    <use xlink:href="#path-5"></use>
+                </mask>
+                <g id="Clip-14"></g>
+                <polygon id="Fill-13" fill="#7E7C7C" mask="url(#mask-6)" points="-4.889 7.445 6.889 7.445 6.889 -4.333 -4.889 -4.333"></polygon>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/app/views/shared/icons/_members.svg b/app/views/shared/icons/_members.svg
new file mode 100644
index 00000000000..98635108d0f
--- /dev/null
+++ b/app/views/shared/icons/_members.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="22px" height="16px" viewBox="0 0 22 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
+    <title>Pasted Image 233</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Pasted-Image-233" fill="#7E7C7C">
+            <g id="Group-3" transform="translate(0.000000, 2.000000)">
+                <path d="M6.4357,9.8588 C7.1487,9.2798 7.8797,8.7808 8.5357,8.3708 C8.5837,8.3008 8.6187,8.2338 8.6187,8.1768 L8.6187,6.8088 C8.9197,6.5218 9.0927,6.1248 9.0927,5.7028 L9.0927,3.3748 C9.0927,1.9478 7.9187,0.7858 6.4757,0.7858 L5.9687,0.7858 C4.5247,0.7858 3.3507,1.9478 3.3507,3.3748 L3.3507,5.7028 C3.3507,6.1248 3.5247,6.5218 3.8247,6.8088 L3.8247,8.5838 C3.2537,8.8738 1.8797,9.6198 0.5967,10.6618 C0.2177,10.9698 -0.0003,11.4258 -0.0003,11.9138 L-0.0003,13.5088 C-0.0003,13.5438 0.0857,13.7668 0.3467,13.7778 C1.3257,13.8198 3.8417,13.8328 5.9617,13.9038 C5.8337,13.8148 5.7447,13.6748 5.7447,13.5088 L5.7447,11.5498 C5.7447,10.9848 5.9967,10.2158 6.4357,9.8588" id="Fill-1"></path>
+            </g>
+            <g id="Group-6" transform="translate(6.000000, 0.000000)">
+                <path d="M15.3092,12.1 C13.6932,10.787 11.9592,9.86 11.3042,9.53 L11.3042,7.235 C11.6722,6.9 11.8862,6.428 11.8862,5.925 L11.8862,3.066 C11.8862,1.376 10.4952,0 8.7852,0 L8.1632,0 C6.4532,0 5.0622,1.376 5.0622,3.066 L5.0622,5.925 C5.0622,6.428 5.2752,6.9 5.6442,7.235 L5.6442,9.53 C4.9892,9.86 3.2542,10.787 1.6392,12.1 C1.2002,12.457 0.9482,12.985 0.9482,13.55 L0.9482,15.509 C0.9482,15.78 1.1702,16 1.4442,16 L8.1172,16 L8.1172,11.704 C6.6812,11.595 5.5652,10.853 5.5652,9.945 C5.5652,9.804 5.5982,9.669 5.6482,9.538 C5.9502,10.326 7.0982,10.913 8.4762,10.913 C9.8532,10.913 11.0012,10.326 11.3032,9.538 C11.3532,9.669 11.3862,9.804 11.3862,9.945 C11.3862,10.793 10.4152,11.5 9.1172,11.679 L9.1172,16 L15.5032,16 C15.7772,16 16.0002,15.78 16.0002,15.509 L16.0002,13.55 C16.0002,12.985 15.7482,12.457 15.3092,12.1" id="Fill-4"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/app/views/shared/icons/_milestones.svg b/app/views/shared/icons/_milestones.svg
new file mode 100644
index 00000000000..f4f5b0c8671
--- /dev/null
+++ b/app/views/shared/icons/_milestones.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="17px" viewBox="0 0 16 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
+    <title>Pasted Image 226</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <path d="M0.889,0.059 C0.398,0.059 0,0.505 0,1.055 L0,15.003 C0,15.553 0.398,16 0.889,16 L15.111,16 C15.602,16 16,15.553 16,15.003 L16,1.055 C16,0.505 15.602,0.059 15.111,0.059 L0.889,0.059 L0.889,0.059 Z M2,14.007 L14,14.007 L14,2.051 L2,2.051 L2,14.007 L2,14.007 Z" id="path-1"></path>
+        <polygon id="path-3" points="0 2.059 14.222 2.059 14.222 0.058 0 0.058"></polygon>
+        <polygon id="path-5" points="0 2.059 2 2.059 2 0.059 0 0.059"></polygon>
+        <polygon id="path-7" points="0 2.059 2 2.059 2 0.059 0 0.059"></polygon>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Pasted-Image-226" transform="translate(0.000000, -1.000000)">
+            <path d="M15.1111,2 L0.8891,2 C0.3981,2 0.0001,2.446 0.0001,2.996 L0.0001,16.945 C0.0001,17.495 0.3981,17.941 0.8891,17.941 L15.1111,17.941 C15.6021,17.941 16.0001,17.495 16.0001,16.945 L16.0001,2.996 C16.0001,2.446 15.6021,2 15.1111,2 L15.1111,2 Z M2.0001,15.949 L14.0001,15.949 L14.0001,3.993 L2.0001,3.993 L2.0001,15.949 Z" id="Fill-1" fill="#7E7C7C"></path>
+            <g id="Group-5" transform="translate(0.000000, 1.941200)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="Clip-4"></g>
+            </g>
+            <polygon id="Fill-6" fill="#7E7C7C" points="1 7.0002 15.222 7.0002 15.222 5.0002 1 5.0002"></polygon>
+            <g id="Group-10" transform="translate(1.000000, 4.941200)">
+                <mask id="mask-4" fill="white">
+                    <use xlink:href="#path-3"></use>
+                </mask>
+                <g id="Clip-9"></g>
+                <polygon id="Fill-8" fill="#7E7C7C" mask="url(#mask-4)" points="-5 7.059 19.222 7.059 19.222 -4.941 -5 -4.941"></polygon>
+            </g>
+            <polygon id="Fill-11" fill="#7E7C7C" points="3 3.0002 5 3.0002 5 1.0002 3 1.0002"></polygon>
+            <g id="Group-15" transform="translate(3.000000, 0.941200)">
+                <mask id="mask-6" fill="white">
+                    <use xlink:href="#path-5"></use>
+                </mask>
+                <g id="Clip-14"></g>
+                <polygon id="Fill-13" fill="#7E7C7C" mask="url(#mask-6)" points="-5 7.059 7 7.059 7 -4.941 -5 -4.941"></polygon>
+            </g>
+            <polygon id="Fill-16" fill="#7E7C7C" points="11 3.0002 13 3.0002 13 1.0002 11 1.0002"></polygon>
+            <g id="Group-20" transform="translate(11.000000, 0.941200)">
+                <mask id="mask-8" fill="white">
+                    <use xlink:href="#path-7"></use>
+                </mask>
+                <g id="Clip-19"></g>
+                <polygon id="Fill-18" fill="#7E7C7C" mask="url(#mask-8)" points="-5 7.059 7 7.059 7 -4.941 -5 -4.941"></polygon>
+            </g>
+            <polyline id="Stroke-21" stroke="#7E7C7C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="6 11.7689 7.546 12.9999 10 9.9999"></polyline>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/app/views/shared/icons/_mr.svg b/app/views/shared/icons/_mr.svg
new file mode 100644
index 00000000000..c14a5c28163
--- /dev/null
+++ b/app/views/shared/icons/_mr.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
+    <title>Pasted Image 228</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <path d="M0.889,0.059 C0.398,0.059 0,0.505 0,1.055 L0,15.003 C0,15.553 0.398,16 0.889,16 L15.111,16 C15.602,16 16,15.553 16,15.003 L16,1.055 C16,0.505 15.602,0.059 15.111,0.059 L0.889,0.059 L0.889,0.059 Z M2,14.007 L14,14.007 L14,2.051 L2,2.051 L2,14.007 L2,14.007 Z" id="path-1"></path>
+        <polygon id="path-3" points="0 2.059 12 2.059 12 0.058 0 0.058"></polygon>
+        <polygon id="path-5" points="0.547 2.059 4 2.059 4 0.059 0.547 0.059"></polygon>
+        <polygon id="path-7" points="0 1.24 1.203 2.56 0 3.926 1.203 5.059 3.453 2.558 1.203 0.059"></polygon>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Pasted-Image-228" transform="translate(0.000000, -1.000000)">
+            <path d="M15.1111,1 L0.8891,1 C0.3981,1 0.0001,1.446 0.0001,1.996 L0.0001,15.945 C0.0001,16.495 0.3981,16.941 0.8891,16.941 L15.1111,16.941 C15.6021,16.941 16.0001,16.495 16.0001,15.945 L16.0001,1.996 C16.0001,1.446 15.6021,1 15.1111,1 L15.1111,1 Z M2.0001,14.949 L14.0001,14.949 L14.0001,2.993 L2.0001,2.993 L2.0001,14.949 Z" id="Fill-1" fill="#7E7C7C"></path>
+            <g id="Group-5" transform="translate(0.000000, 0.941200)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="Clip-4"></g>
+            </g>
+            <polygon id="Fill-6" fill="#7E7C7C" points="2 6.0002 14 6.0002 14 4.0002 2 4.0002"></polygon>
+            <g id="Group-10" transform="translate(2.000000, 3.941200)">
+                <mask id="mask-4" fill="white">
+                    <use xlink:href="#path-3"></use>
+                </mask>
+                <g id="Clip-9"></g>
+                <polygon id="Fill-8" fill="#7E7C7C" mask="url(#mask-4)" points="-5 7.059 17 7.059 17 -4.941 -5 -4.941"></polygon>
+            </g>
+            <polygon id="Fill-11" fill="#7E7C7C" points="8.547 13.0002 12 13.0002 12 11.0002 8.547 11.0002"></polygon>
+            <g id="Group-15" transform="translate(8.000000, 10.941200)">
+                <mask id="mask-6" fill="white">
+                    <use xlink:href="#path-5"></use>
+                </mask>
+                <g id="Clip-14"></g>
+                <polygon id="Fill-13" fill="#7E7C7C" mask="url(#mask-6)" points="-4.453 7.059 9 7.059 9 -4.941 -4.453 -4.941"></polygon>
+            </g>
+            <polygon id="Fill-16" fill="#7E7C7C" points="5.2029 13 3.9999 11.867 5.2029 10.501 3.9999 9.181 5.2029 8 7.4529 10.499"></polygon>
+            <g id="Group-20" transform="translate(4.000000, 7.941200)">
+                <mask id="mask-8" fill="white">
+                    <use xlink:href="#path-7"></use>
+                </mask>
+                <g id="Clip-19"></g>
+                <polygon id="Fill-18" fill="#7E7C7C" mask="url(#mask-8)" points="-5 10.059 8.453 10.059 8.453 -4.941 -5 -4.941"></polygon>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file