From e097bd4dd5497223bd1110c9616b88f148624b13 Mon Sep 17 00:00:00 2001
From: Evan You <yyx990803@gmail.com>
Date: Wed, 31 Mar 2021 12:36:45 -0400
Subject: [PATCH] chore(sfc-playground): use svg logo

---
 packages/sfc-playground/index.html      |   2 +-
 packages/sfc-playground/public/icon.png | Bin 3395 -> 0 bytes
 packages/sfc-playground/public/logo.svg |   4 ++++
 packages/sfc-playground/src/Header.vue  |   2 +-
 4 files changed, 6 insertions(+), 2 deletions(-)
 delete mode 100644 packages/sfc-playground/public/icon.png
 create mode 100644 packages/sfc-playground/public/logo.svg

diff --git a/packages/sfc-playground/index.html b/packages/sfc-playground/index.html
index a5e35213..f58afbc9 100644
--- a/packages/sfc-playground/index.html
+++ b/packages/sfc-playground/index.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="icon" type="image/png" href="/icon.png">
+  <link rel="icon" type="image/svg" href="/logo.svg">
   <title>Vue SFC Playground</title>
 
   <link rel="preconnect" href="https://fonts.gstatic.com">
diff --git a/packages/sfc-playground/public/icon.png b/packages/sfc-playground/public/icon.png
deleted file mode 100644
index 4388bfdca3d4d778d2f25a5861599f8f19a1177c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3395
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

diff --git a/packages/sfc-playground/public/logo.svg b/packages/sfc-playground/public/logo.svg
new file mode 100644
index 00000000..71c1cfb9
--- /dev/null
+++ b/packages/sfc-playground/public/logo.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 196.32 170.02">
+  <path fill="#42b883" d="M120.83 0L98.16 39.26 75.49 0H0l98.16 170.02L196.32 0h-75.49z"/>
+  <path fill="#35495e" d="M120.83 0L98.16 39.26 75.49 0H39.26l58.9 102.01L157.06 0h-36.23z"/>
+</svg>
diff --git a/packages/sfc-playground/src/Header.vue b/packages/sfc-playground/src/Header.vue
index 48821d49..a2a9f884 100644
--- a/packages/sfc-playground/src/Header.vue
+++ b/packages/sfc-playground/src/Header.vue
@@ -1,7 +1,7 @@
 <template>
   <nav>
     <h1>
-      <img alt="logo" src="/icon.png">
+      <img alt="logo" src="/logo.svg">
       <span>Vue SFC Playground</span>
     </h1>
     <div class="links">