From 17b13ef4b79b878cf87ea045eb573718c55a4f40 Mon Sep 17 00:00:00 2001
From: Eric Amodio <eamodio@gmail.com>
Date: Thu, 3 Jan 2019 23:14:43 -0500
Subject: [PATCH] Updates pin icons

---
 images/dark/icon-pin-filled.svg         |  4 ++++
 images/dark/icon-pin-small.svg          |  4 ++++
 images/dark/icon-pin-tilted-filled.svg  |  4 ++++
 images/dark/icon-pin-tilted.svg         | 10 ++++++++++
 images/dark/icon-pin.svg                | 10 ++++++++--
 images/dark/icon-pinned.svg             |  4 ----
 images/light/icon-pin-filled.svg        |  4 ++++
 images/light/icon-pin-small.svg         |  4 ++++
 images/light/icon-pin-tilted-filled.svg |  4 ++++
 images/light/icon-pin-tilted.svg        | 10 ++++++++++
 images/light/icon-pin.svg               | 10 ++++++++--
 images/light/icon-pinned.svg            |  4 ----
 package.json                            |  8 ++++----
 src/views/nodes/compareResultsNode.ts   |  4 ++--
 14 files changed, 66 insertions(+), 18 deletions(-)
 create mode 100644 images/dark/icon-pin-filled.svg
 create mode 100644 images/dark/icon-pin-small.svg
 create mode 100644 images/dark/icon-pin-tilted-filled.svg
 create mode 100644 images/dark/icon-pin-tilted.svg
 delete mode 100644 images/dark/icon-pinned.svg
 create mode 100644 images/light/icon-pin-filled.svg
 create mode 100644 images/light/icon-pin-small.svg
 create mode 100644 images/light/icon-pin-tilted-filled.svg
 create mode 100644 images/light/icon-pin-tilted.svg
 delete mode 100644 images/light/icon-pinned.svg

diff --git a/images/dark/icon-pin-filled.svg b/images/dark/icon-pin-filled.svg
new file mode 100644
index 0000000..13999a1
--- /dev/null
+++ b/images/dark/icon-pin-filled.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 22">
+    <path fill="#c5c5c5" d="m4.753,4.986l0.566,0.566l1.06,0.353l-1.06,5.303l-2.687,2.687c-0.312,0.312 -0.099,0.849 0.367,0.849l4.441,0l0.707,6.364l0.707,-6.364l4.441,0c0.385,0.007 0.633,-0.405 0.447,-0.742c-0.022,-0.039 -0.049,-0.075 -0.08,-0.107l-2.687,-2.687l-1.06,-5.303l1.06,-0.353l0.566,-0.566c0.311,-0.311 0.099,-0.849 -0.368,-0.849l-6.052,0c-0.385,-0.007 -0.633,0.405 -0.447,0.742c0.021,0.039 0.048,0.075 0.079,0.107z"/>
+</svg>
diff --git a/images/dark/icon-pin-small.svg b/images/dark/icon-pin-small.svg
new file mode 100644
index 0000000..4657414
--- /dev/null
+++ b/images/dark/icon-pin-small.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 22">
+    <path fill="#c5c5c5" stroke="#c5c5c5" stroke-width="0.25" d="M 5.601 6.599 L 6.001 7.002 L 6.751 7.251 L 6.001 10.998 L 4.101 12.9 C 3.881 13.12 4.031 13.5 4.361 13.5 L 7.501 13.5 L 8 18 L 8.501 13.5 L 11.641 13.5 C 11.911 13.505 12.088 13.215 11.959 12.976 C 11.941 12.949 11.923 12.923 11.9 12.9 L 10.001 10.998 L 9.251 7.251 L 10.001 7.002 L 10.399 6.599 C 10.62 6.379 10.471 6 10.141 6 L 5.863 6 C 5.589 5.994 5.413 6.287 5.545 6.524 C 5.56 6.551 5.579 6.579 5.601 6.599 Z"/>
+</svg>
diff --git a/images/dark/icon-pin-tilted-filled.svg b/images/dark/icon-pin-tilted-filled.svg
new file mode 100644
index 0000000..13e0881
--- /dev/null
+++ b/images/dark/icon-pin-tilted-filled.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 22">
+    <path fill="#c5c5c5" d="m10,4.34653l0,0.8l0.5,1l-4.5,3l-3.8,0c-0.44,0 -0.67,0.53 -0.34,0.86l3.14,3.14l-4,5l5,-4l3.14,3.14a0.5,0.5 0 0 0 0.86,-0.34l0,-3.8l3,-4.5l1,0.5l0.8,0c0.44,0 0.67,-0.53 0.34,-0.86l-4.28,-4.28a0.5,0.5 0 0 0 -0.86,0.34z"/>
+</svg>
diff --git a/images/dark/icon-pin-tilted.svg b/images/dark/icon-pin-tilted.svg
new file mode 100644
index 0000000..502cab6
--- /dev/null
+++ b/images/dark/icon-pin-tilted.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 22">
+    <defs>
+        <path id="a" d="m10,4.34653l0,0.8l0.5,1l-4.5,3l-3.8,0c-0.44,0 -0.67,0.53 -0.34,0.86l3.14,3.14l-4,5l5,-4l3.14,3.14a0.5,0.5 0 0 0 0.86,-0.34l0,-3.8l3,-4.5l1,0.5l0.8,0c0.44,0 0.67,-0.53 0.34,-0.86l-4.28,-4.28a0.5,0.5 0 0 0 -0.86,0.34z"/>
+        <clipPath id="b">
+            <use xlink:href="#a"/>
+        </clipPath>
+    </defs>
+    <use fill="none" stroke="#c5c5c5" stroke-width="2.5" clip-path="url(#b)" xlink:href="#a"/>
+</svg>
diff --git a/images/dark/icon-pin.svg b/images/dark/icon-pin.svg
index 13e0881..56a1303 100644
--- a/images/dark/icon-pin.svg
+++ b/images/dark/icon-pin.svg
@@ -1,4 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 22">
-    <path fill="#c5c5c5" d="m10,4.34653l0,0.8l0.5,1l-4.5,3l-3.8,0c-0.44,0 -0.67,0.53 -0.34,0.86l3.14,3.14l-4,5l5,-4l3.14,3.14a0.5,0.5 0 0 0 0.86,-0.34l0,-3.8l3,-4.5l1,0.5l0.8,0c0.44,0 0.67,-0.53 0.34,-0.86l-4.28,-4.28a0.5,0.5 0 0 0 -0.86,0.34z"/>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 22">
+    <defs>
+        <path id="a" d="M4.75 4.99l.57.56 1.06.35-1.06 5.3-2.69 2.7a.5.5 0 0 0 .37.84h4.44l.7 6.37.71-6.37h4.45a.5.5 0 0 0 .36-.85l-2.68-2.68-1.06-5.3 1.06-.36.56-.56a.5.5 0 0 0-.37-.85H5.12a.5.5 0 0 0-.37.85z"/>
+        <clipPath id="b">
+            <use xlink:href="#a"/>
+        </clipPath>
+    </defs>
+    <use fill="none" stroke="#c5c5c5" stroke-width="2.5" clip-path="url(#b)" xlink:href="#a"/>
 </svg>
diff --git a/images/dark/icon-pinned.svg b/images/dark/icon-pinned.svg
deleted file mode 100644
index 13999a1..0000000
--- a/images/dark/icon-pinned.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 22">
-    <path fill="#c5c5c5" d="m4.753,4.986l0.566,0.566l1.06,0.353l-1.06,5.303l-2.687,2.687c-0.312,0.312 -0.099,0.849 0.367,0.849l4.441,0l0.707,6.364l0.707,-6.364l4.441,0c0.385,0.007 0.633,-0.405 0.447,-0.742c-0.022,-0.039 -0.049,-0.075 -0.08,-0.107l-2.687,-2.687l-1.06,-5.303l1.06,-0.353l0.566,-0.566c0.311,-0.311 0.099,-0.849 -0.368,-0.849l-6.052,0c-0.385,-0.007 -0.633,0.405 -0.447,0.742c0.021,0.039 0.048,0.075 0.079,0.107z"/>
-</svg>
diff --git a/images/light/icon-pin-filled.svg b/images/light/icon-pin-filled.svg
new file mode 100644
index 0000000..7756285
--- /dev/null
+++ b/images/light/icon-pin-filled.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 22">
+    <path fill="#424242" d="m4.753,4.986l0.566,0.566l1.06,0.353l-1.06,5.303l-2.687,2.687c-0.312,0.312 -0.099,0.849 0.367,0.849l4.441,0l0.707,6.364l0.707,-6.364l4.441,0c0.385,0.007 0.633,-0.405 0.447,-0.742c-0.022,-0.039 -0.049,-0.075 -0.08,-0.107l-2.687,-2.687l-1.06,-5.303l1.06,-0.353l0.566,-0.566c0.311,-0.311 0.099,-0.849 -0.368,-0.849l-6.052,0c-0.385,-0.007 -0.633,0.405 -0.447,0.742c0.021,0.039 0.048,0.075 0.079,0.107z"/>
+</svg>
diff --git a/images/light/icon-pin-small.svg b/images/light/icon-pin-small.svg
new file mode 100644
index 0000000..aa49516
--- /dev/null
+++ b/images/light/icon-pin-small.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 22">
+    <path fill="#424242" stroke="#424242" stroke-width="0.25" d="M 5.601 6.599 L 6.001 7.002 L 6.751 7.251 L 6.001 10.998 L 4.101 12.9 C 3.881 13.12 4.031 13.5 4.361 13.5 L 7.501 13.5 L 8 18 L 8.501 13.5 L 11.641 13.5 C 11.911 13.505 12.088 13.215 11.959 12.976 C 11.941 12.949 11.923 12.923 11.9 12.9 L 10.001 10.998 L 9.251 7.251 L 10.001 7.002 L 10.399 6.599 C 10.62 6.379 10.471 6 10.141 6 L 5.863 6 C 5.589 5.994 5.413 6.287 5.545 6.524 C 5.56 6.551 5.579 6.579 5.601 6.599 Z"/>
+</svg>
diff --git a/images/light/icon-pin-tilted-filled.svg b/images/light/icon-pin-tilted-filled.svg
new file mode 100644
index 0000000..0f31c67
--- /dev/null
+++ b/images/light/icon-pin-tilted-filled.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 22">
+    <path fill="#424242" d="m10,4.34653l0,0.8l0.5,1l-4.5,3l-3.8,0c-0.44,0 -0.67,0.53 -0.34,0.86l3.14,3.14l-4,5l5,-4l3.14,3.14a0.5,0.5 0 0 0 0.86,-0.34l0,-3.8l3,-4.5l1,0.5l0.8,0c0.44,0 0.67,-0.53 0.34,-0.86l-4.28,-4.28a0.5,0.5 0 0 0 -0.86,0.34z"/>
+</svg>
diff --git a/images/light/icon-pin-tilted.svg b/images/light/icon-pin-tilted.svg
new file mode 100644
index 0000000..be1d07f
--- /dev/null
+++ b/images/light/icon-pin-tilted.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 22">
+    <defs>
+        <path id="a" d="m10,4.34653l0,0.8l0.5,1l-4.5,3l-3.8,0c-0.44,0 -0.67,0.53 -0.34,0.86l3.14,3.14l-4,5l5,-4l3.14,3.14a0.5,0.5 0 0 0 0.86,-0.34l0,-3.8l3,-4.5l1,0.5l0.8,0c0.44,0 0.67,-0.53 0.34,-0.86l-4.28,-4.28a0.5,0.5 0 0 0 -0.86,0.34z"/>
+        <clipPath id="b">
+            <use xlink:href="#a"/>
+        </clipPath>
+    </defs>
+    <use fill="none" stroke="#424242" stroke-width="2.5" clip-path="url(#b)" xlink:href="#a"/>
+</svg>
diff --git a/images/light/icon-pin.svg b/images/light/icon-pin.svg
index 0f31c67..6d4bef8 100644
--- a/images/light/icon-pin.svg
+++ b/images/light/icon-pin.svg
@@ -1,4 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 22">
-    <path fill="#424242" d="m10,4.34653l0,0.8l0.5,1l-4.5,3l-3.8,0c-0.44,0 -0.67,0.53 -0.34,0.86l3.14,3.14l-4,5l5,-4l3.14,3.14a0.5,0.5 0 0 0 0.86,-0.34l0,-3.8l3,-4.5l1,0.5l0.8,0c0.44,0 0.67,-0.53 0.34,-0.86l-4.28,-4.28a0.5,0.5 0 0 0 -0.86,0.34z"/>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 22">
+    <defs>
+        <path id="a" d="M4.75 4.99l.57.56 1.06.35-1.06 5.3-2.69 2.7a.5.5 0 0 0 .37.84h4.44l.7 6.37.71-6.37h4.45a.5.5 0 0 0 .36-.85l-2.68-2.68-1.06-5.3 1.06-.36.56-.56a.5.5 0 0 0-.37-.85H5.12a.5.5 0 0 0-.37.85z"/>
+        <clipPath id="b">
+            <use xlink:href="#a"/>
+        </clipPath>
+    </defs>
+    <use fill="none" stroke="#424242" stroke-width="2.5" clip-path="url(#b)" xlink:href="#a"/>
 </svg>
diff --git a/images/light/icon-pinned.svg b/images/light/icon-pinned.svg
deleted file mode 100644
index 7756285..0000000
--- a/images/light/icon-pinned.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 22">
-    <path fill="#424242" d="m4.753,4.986l0.566,0.566l1.06,0.353l-1.06,5.303l-2.687,2.687c-0.312,0.312 -0.099,0.849 0.367,0.849l4.441,0l0.707,6.364l0.707,-6.364l4.441,0c0.385,0.007 0.633,-0.405 0.447,-0.742c-0.022,-0.039 -0.049,-0.075 -0.08,-0.107l-2.687,-2.687l-1.06,-5.303l1.06,-0.353l0.566,-0.566c0.311,-0.311 0.099,-0.849 -0.368,-0.849l-6.052,0c-0.385,-0.007 -0.633,0.405 -0.447,0.742c0.021,0.039 0.048,0.075 0.079,0.107z"/>
-</svg>
diff --git a/package.json b/package.json
index 557fd3e..cf10c7b 100644
--- a/package.json
+++ b/package.json
@@ -2707,8 +2707,8 @@
                 "title": "Pin Comparison",
                 "category": "GitLens",
                 "icon": {
-                    "dark": "images/dark/icon-pin.svg",
-                    "light": "images/light/icon-pin.svg"
+                    "dark": "images/dark/icon-pin-tilted.svg",
+                    "light": "images/light/icon-pin-tilted.svg"
                 }
             },
             {
@@ -2716,8 +2716,8 @@
                 "title": "Unpin Comparison",
                 "category": "GitLens",
                 "icon": {
-                    "dark": "images/dark/icon-pinned.svg",
-                    "light": "images/light/icon-pinned.svg"
+                    "dark": "images/dark/icon-pin-filled.svg",
+                    "light": "images/light/icon-pin-filled.svg"
                 }
             },
             {
diff --git a/src/views/nodes/compareResultsNode.ts b/src/views/nodes/compareResultsNode.ts
index cfe5a5e..f412bce 100644
--- a/src/views/nodes/compareResultsNode.ts
+++ b/src/views/nodes/compareResultsNode.ts
@@ -60,8 +60,8 @@ export class CompareResultsNode extends ViewNode<CompareView> {
         item.description = description;
         if (this._pinned) {
             item.iconPath = {
-                dark: Container.context.asAbsolutePath(`images/dark/icon-pinned.svg`),
-                light: Container.context.asAbsolutePath(`images/light/icon-pinned.svg`)
+                dark: Container.context.asAbsolutePath(`images/dark/icon-pin-small.svg`),
+                light: Container.context.asAbsolutePath(`images/light/icon-pin-small.svg`)
             };
         }