diff --git a/packages/varlet-icons/svg/uF109-pin.svg b/packages/varlet-icons/svg/uF109-pin.svg
new file mode 100644
index 00000000000..22840369872
--- /dev/null
+++ b/packages/varlet-icons/svg/uF109-pin.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12Z" /></svg>
\ No newline at end of file
diff --git a/packages/varlet-icons/svg/uF110-pin-off.svg b/packages/varlet-icons/svg/uF110-pin-off.svg
new file mode 100644
index 00000000000..07221c1cc2d
--- /dev/null
+++ b/packages/varlet-icons/svg/uF110-pin-off.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L12.8,16.07V22H11.2V16H6V14L8,12V11.27L2,5.27M16,12L18,14V16H17.82L8,6.18V4H7V2H17V4H16V12Z" /></svg>
\ No newline at end of file
diff --git a/packages/varlet-icons/svg/uF111-pin-outline.svg b/packages/varlet-icons/svg/uF111-pin-outline.svg
new file mode 100644
index 00000000000..5d2799f9825
--- /dev/null
+++ b/packages/varlet-icons/svg/uF111-pin-outline.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12M8.8,14L10,12.8V4H14V12.8L15.2,14H8.8Z" /></svg>
\ No newline at end of file
diff --git a/packages/varlet-icons/svg/uF112-pin-off-outline.svg b/packages/varlet-icons/svg/uF112-pin-off-outline.svg
new file mode 100644
index 00000000000..f4e548f7a53
--- /dev/null
+++ b/packages/varlet-icons/svg/uF112-pin-off-outline.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M8,6.2V4H7V2H17V4H16V12L18,14V16H17.8L14,12.2V4H10V8.2L8,6.2M20,20.7L18.7,22L12.8,16.1V22H11.2V16H6V14L8,12V11.3L2,5.3L3.3,4L20,20.7M8.8,14H10.6L9.7,13.1L8.8,14Z" /></svg>
\ No newline at end of file
diff --git a/packages/varlet-ui/src/icon/Icon.vue b/packages/varlet-ui/src/icon/Icon.vue
index 4c333aad719..99656376112 100644
--- a/packages/varlet-ui/src/icon/Icon.vue
+++ b/packages/varlet-ui/src/icon/Icon.vue
@@ -1,4 +1,3 @@
-？
 <template>
   <component
     class="var-icon"
diff --git a/packages/varlet-ui/src/icon/__tests__/__snapshots__/index.spec.js.snap b/packages/varlet-ui/src/icon/__tests__/__snapshots__/index.spec.js.snap
index 8d05be63f7c..6de75cf886a 100644
--- a/packages/varlet-ui/src/icon/__tests__/__snapshots__/index.spec.js.snap
+++ b/packages/varlet-ui/src/icon/__tests__/__snapshots__/index.spec.js.snap
@@ -335,6 +335,18 @@ exports[`test icon example 1`] = `
   <div class=\\"example__icon var-elevation--2\\" style=\\"background: rgb(255, 255, 255);\\" data-clipboard-text=\\"card-account-details-outline\\"><i class=\\"var-icon var-icon--set var-icon-card-account-details-outline\\" style=\\"transition: transform 0ms;\\"></i>
     <div class=\\"example__icon-name\\">card-account-details-outline</div>
   </div>
+  <div class=\\"example__icon var-elevation--2\\" style=\\"background: rgb(255, 255, 255);\\" data-clipboard-text=\\"pin\\"><i class=\\"var-icon var-icon--set var-icon-pin\\" style=\\"transition: transform 0ms;\\"></i>
+    <div class=\\"example__icon-name\\">pin</div>
+  </div>
+  <div class=\\"example__icon var-elevation--2\\" style=\\"background: rgb(255, 255, 255);\\" data-clipboard-text=\\"pin-off\\"><i class=\\"var-icon var-icon--set var-icon-pin-off\\" style=\\"transition: transform 0ms;\\"></i>
+    <div class=\\"example__icon-name\\">pin-off</div>
+  </div>
+  <div class=\\"example__icon var-elevation--2\\" style=\\"background: rgb(255, 255, 255);\\" data-clipboard-text=\\"pin-outline\\"><i class=\\"var-icon var-icon--set var-icon-pin-outline\\" style=\\"transition: transform 0ms;\\"></i>
+    <div class=\\"example__icon-name\\">pin-outline</div>
+  </div>
+  <div class=\\"example__icon var-elevation--2\\" style=\\"background: rgb(255, 255, 255);\\" data-clipboard-text=\\"pin-off-outline\\"><i class=\\"var-icon var-icon--set var-icon-pin-off-outline\\" style=\\"transition: transform 0ms;\\"></i>
+    <div class=\\"example__icon-name\\">pin-off-outline</div>
+  </div>
 </div>"
 `;