diff --git a/plugins/datetime/datetime.pro b/plugins/datetime/datetime.pro
index 66e16541c..7a57bf790 100644
--- a/plugins/datetime/datetime.pro
+++ b/plugins/datetime/datetime.pro
@@ -1,7 +1,7 @@
 
 include(../../interfaces/interfaces.pri)
 
-QT              += widgets
+QT              += widgets svg
 TEMPLATE         = lib
 CONFIG          += plugin c++11 link_pkgconfig
 PKGCONFIG       +=
diff --git a/plugins/datetime/datetimewidget.cpp b/plugins/datetime/datetimewidget.cpp
index f6988dc7b..5cef6cd20 100644
--- a/plugins/datetime/datetimewidget.cpp
+++ b/plugins/datetime/datetimewidget.cpp
@@ -4,6 +4,7 @@
 #include <QApplication>
 #include <QPainter>
 #include <QDebug>
+#include <QSvgRenderer>
 
 DatetimeWidget::DatetimeWidget(QWidget *parent)
     : QWidget(parent)
@@ -37,15 +38,53 @@ void DatetimeWidget::paintEvent(QPaintEvent *e)
     // draw fashion mode datetime plugin
     const int perfectIconSize = qMin(width(), height()) * 0.8;
     const QString currentTimeString = current.toString("HHmmss");
+    const QRect r = rect();
 
-    QPixmap pixmap(":/icons/resources/icons/panel.png");
-    QPainter itemPainter(&pixmap);
-    itemPainter.drawPixmap(8, 15, QPixmap(QString(":/icons/resources/icons/big%1.png").arg(currentTimeString[0])));
-    itemPainter.drawPixmap(18, 15, QPixmap(QString(":/icons/resources/icons/big%1.png").arg(currentTimeString[1])));
-    itemPainter.drawPixmap(28, 24, QPixmap(QString(":/icons/resources/icons/small%1.png").arg(currentTimeString[2])));
-    itemPainter.drawPixmap(34, 24, QPixmap(QString(":/icons/resources/icons/small%1.png").arg(currentTimeString[3])));
-    itemPainter.end();
+    // draw background
+    const QPixmap background = loadSvg(":/icons/resources/icons/background.svg", QSize(perfectIconSize, perfectIconSize));
+    const QPoint backgroundOffset = r.center() - background.rect().center();
+    painter.drawPixmap(backgroundOffset, background);
 
-    pixmap = pixmap.scaled(perfectIconSize, perfectIconSize, Qt::KeepAspectRatio, Qt::SmoothTransformation);
-    painter.drawPixmap(rect().center() - pixmap.rect().center(), pixmap, pixmap.rect());
+    const int bigNumHeight = perfectIconSize / 2.35;
+    const int bigNumWidth = double(bigNumHeight) * 8 / 18;
+    const int smallNumHeight = bigNumHeight / 2;
+    const int smallNumWidth = double(smallNumHeight) * 5 / 9;
+
+    // draw big num 1
+    const QString bigNum1Path = QString(":/icons/resources/icons/big%1.svg").arg(currentTimeString[0]);
+    const QPixmap bigNum1 = loadSvg(bigNum1Path, QSize(bigNumWidth, bigNumHeight));
+    const QPoint bigNum1Offset = backgroundOffset + QPoint(perfectIconSize / 2 - bigNumWidth * 2 + 2, perfectIconSize / 2 - bigNumHeight / 2);
+    painter.drawPixmap(bigNum1Offset, bigNum1);
+
+    // draw big num 2
+    const QString bigNum2Path = QString(":/icons/resources/icons/big%1.svg").arg(currentTimeString[1]);
+    const QPixmap bigNum2 = loadSvg(bigNum2Path, QSize(bigNumWidth, bigNumHeight));
+    const QPoint bigNum2Offset = bigNum1Offset + QPoint(bigNumWidth + 3, 0);
+    painter.drawPixmap(bigNum2Offset, bigNum2);
+
+    // draw small num 1
+    const QString smallNum1Path = QString(":/icons/resources/icons/small%1.svg").arg(currentTimeString[2]);
+    const QPixmap smallNum1 = loadSvg(smallNum1Path, QSize(smallNumWidth, smallNumHeight));
+    const QPoint smallNum1Offset = bigNum2Offset + QPoint(bigNumWidth + 1, smallNumHeight);
+    painter.drawPixmap(smallNum1Offset, smallNum1);
+
+    // draw small num 2
+    const QString smallNum2Path = QString(":/icons/resources/icons/small%1.svg").arg(currentTimeString[3]);
+    const QPixmap smallNum2 = loadSvg(smallNum2Path, QSize(smallNumWidth, smallNumHeight));
+    const QPoint smallNum2Offset = smallNum1Offset + QPoint(smallNumWidth + 1, 0);
+    painter.drawPixmap(smallNum2Offset, smallNum2);
+}
+
+const QPixmap DatetimeWidget::loadSvg(const QString &fileName, const QSize size)
+{
+    QPixmap pixmap(size);
+    QSvgRenderer renderer(fileName);
+    pixmap.fill(Qt::transparent);
+
+    QPainter painter;
+    painter.begin(&pixmap);
+    renderer.render(&painter);
+    painter.end();
+
+    return pixmap;
 }
diff --git a/plugins/datetime/datetimewidget.h b/plugins/datetime/datetimewidget.h
index 36787961c..997dc19c6 100644
--- a/plugins/datetime/datetimewidget.h
+++ b/plugins/datetime/datetimewidget.h
@@ -13,6 +13,8 @@ public:
 private:
     QSize sizeHint() const;
     void paintEvent(QPaintEvent *e);
+
+    const QPixmap loadSvg(const QString &fileName, const QSize size);
 };
 
 #endif // DATETIMEWIDGET_H
diff --git a/plugins/datetime/resources.qrc b/plugins/datetime/resources.qrc
index bc9695ffc..c961ff6ae 100644
--- a/plugins/datetime/resources.qrc
+++ b/plugins/datetime/resources.qrc
@@ -1,25 +1,25 @@
 <RCC>
     <qresource prefix="/icons">
-        <file>resources/icons/panel.png</file>
-        <file>resources/icons/big0.png</file>
-        <file>resources/icons/big1.png</file>
-        <file>resources/icons/big2.png</file>
-        <file>resources/icons/big3.png</file>
-        <file>resources/icons/big4.png</file>
-        <file>resources/icons/big5.png</file>
-        <file>resources/icons/big6.png</file>
-        <file>resources/icons/big7.png</file>
-        <file>resources/icons/big8.png</file>
-        <file>resources/icons/big9.png</file>
-        <file>resources/icons/small0.png</file>
-        <file>resources/icons/small1.png</file>
-        <file>resources/icons/small2.png</file>
-        <file>resources/icons/small3.png</file>
-        <file>resources/icons/small4.png</file>
-        <file>resources/icons/small5.png</file>
-        <file>resources/icons/small6.png</file>
-        <file>resources/icons/small7.png</file>
-        <file>resources/icons/small8.png</file>
-        <file>resources/icons/small9.png</file>
+        <file>resources/icons/background.svg</file>
+        <file>resources/icons/big0.svg</file>
+        <file>resources/icons/big1.svg</file>
+        <file>resources/icons/big2.svg</file>
+        <file>resources/icons/big3.svg</file>
+        <file>resources/icons/big4.svg</file>
+        <file>resources/icons/big5.svg</file>
+        <file>resources/icons/big6.svg</file>
+        <file>resources/icons/big7.svg</file>
+        <file>resources/icons/big8.svg</file>
+        <file>resources/icons/big9.svg</file>
+        <file>resources/icons/small0.svg</file>
+        <file>resources/icons/small1.svg</file>
+        <file>resources/icons/small2.svg</file>
+        <file>resources/icons/small3.svg</file>
+        <file>resources/icons/small4.svg</file>
+        <file>resources/icons/small5.svg</file>
+        <file>resources/icons/small6.svg</file>
+        <file>resources/icons/small7.svg</file>
+        <file>resources/icons/small8.svg</file>
+        <file>resources/icons/small9.svg</file>
     </qresource>
 </RCC>
diff --git a/plugins/datetime/resources/icons/am.png b/plugins/datetime/resources/icons/am.png
deleted file mode 100644
index 0bf03a421..000000000
Binary files a/plugins/datetime/resources/icons/am.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/background.svg b/plugins/datetime/resources/icons/background.svg
new file mode 100644
index 000000000..806eb7edf
--- /dev/null
+++ b/plugins/datetime/resources/icons/background.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
+    <title>时钟底板</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <circle id="path-1" cx="21" cy="21" r="21"></circle>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-2">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="时钟底板">
+            <g id="Group-3" transform="translate(3.000000, 3.000000)">
+                <g id="Oval-2">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+                    <use fill="#F9AF15" fill-rule="evenodd" xlink:href="#path-1"></use>
+                </g>
+                <circle id="Oval-2" fill="#FFFFFF" cx="21" cy="21" r="18.5"></circle>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/plugins/datetime/resources/icons/big0.png b/plugins/datetime/resources/icons/big0.png
deleted file mode 100644
index 0cec0f8bd..000000000
Binary files a/plugins/datetime/resources/icons/big0.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/big0.svg b/plugins/datetime/resources/icons/big0.svg
new file mode 100644
index 000000000..1e2e27362
--- /dev/null
+++ b/plugins/datetime/resources/icons/big0.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="8px" height="18px" viewBox="0 0 8 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
+    <title>数字大0</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数字大0" fill="#002422">
+            <path d="M2,7.5079 L0,8.7539 L0,2.5749 L1,1.5039 L2,2.5749 L2,7.5079 Z M2,15.6395 L1,16.5515 L0,15.4805 L0,9.3015 L2,10.3725 L2,15.6395 Z M6.3906,1.002 L5.5296,2.002 L2.4836,2.002 L1.5786,1.002 L2.4836,0.002 L5.5296,0.002 L6.3906,1.002 Z M2.4843,16.0022 L1.5163,17.0022 L2.4843,18.0022 L5.7193,18.0022 L6.5153,17.0022 L5.5303,16.0022 L2.4843,16.0022 Z M5.9997,2.5751 L5.9997,7.5081 L8.0007,8.7531 L8.0007,2.5751 L6.9997,1.5041 L5.9997,2.5751 Z M5.9997,10.3727 L5.9997,15.5827 L6.9997,16.5517 L8.0007,15.4797 L8.0007,9.3007 L5.9997,10.3727 Z" id="Combined-Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/plugins/datetime/resources/icons/big1.png b/plugins/datetime/resources/icons/big1.png
deleted file mode 100644
index fb08902d4..000000000
Binary files a/plugins/datetime/resources/icons/big1.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/big1.svg b/plugins/datetime/resources/icons/big1.svg
new file mode 100644
index 000000000..37d42e268
--- /dev/null
+++ b/plugins/datetime/resources/icons/big1.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="8px" height="18px" viewBox="0 0 8 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
+    <title>数字大1</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数字大1" fill="#002422">
+            <path d="M3,2.0018 L3,7.5078 L5,8.7538 L5,0.0018 L3,2.0018 Z M3,10.3727 L3,16.1047 L5,18.0017 L5,9.3007 L3,10.3727 Z" id="Combined-Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/plugins/datetime/resources/icons/big2.png b/plugins/datetime/resources/icons/big2.png
deleted file mode 100644
index 8b939b971..000000000
Binary files a/plugins/datetime/resources/icons/big2.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/big2.svg b/plugins/datetime/resources/icons/big2.svg
new file mode 100644
index 000000000..ece4c007c
--- /dev/null
+++ b/plugins/datetime/resources/icons/big2.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="8px" height="18px" viewBox="0 0 8 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
+    <title>数字大2</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数字大2" fill="#002422">
+            <path d="M2,15.6395 L1,16.5515 L0,15.4805 L0,9.3015 L2,10.3725 L2,15.6395 Z M7,9.002 L5.406,10.002 L2.578,10.002 L1,9.007 L2.484,8.002 L5.53,8.002 L7,9.002 Z M6.3906,1.002 L5.5296,2.002 L-0.0004,2.002 L1.9996,0.002 L5.5296,0.002 L6.3906,1.002 Z M2.4842,16.0022 L1.5162,17.0022 L2.4842,18.0022 L8.0002,18.0022 L5.8112,16.0022 L2.4842,16.0022 Z M8,8.7538 L6,7.5078 L6,2.5748 L7,1.5038 L8,2.5748 L8,8.7538 Z" id="Combined-Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/plugins/datetime/resources/icons/big3.png b/plugins/datetime/resources/icons/big3.png
deleted file mode 100644
index d04bc424f..000000000
Binary files a/plugins/datetime/resources/icons/big3.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/big3.svg b/plugins/datetime/resources/icons/big3.svg
new file mode 100644
index 000000000..475fb8253
--- /dev/null
+++ b/plugins/datetime/resources/icons/big3.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="8px" height="18px" viewBox="0 0 8 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
+    <title>数字大3</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数字大3" fill="#002422">
+            <path d="M7,9.002 L5.406,10.002 L2.578,10.002 L1,9.007 L2.484,8.002 L5.53,8.002 L7,9.002 Z M6.3906,1.002 L5.5296,2.002 L1.9996,2.002 L-0.0004,0.002 L5.5296,0.002 L6.3906,1.002 Z M1.9999,16.0022 L-0.0001,18.0022 L5.7189,18.0022 L6.5149,17.0022 L5.5299,16.0022 L1.9999,16.0022 Z M8,8.7538 L6,7.5078 L6,2.5748 L7,1.5038 L8,2.5748 L8,8.7538 Z M8,15.4801 L7,16.5521 L6,15.5831 L6,10.3731 L8,9.3011 L8,15.4801 Z" id="Combined-Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/plugins/datetime/resources/icons/big4.png b/plugins/datetime/resources/icons/big4.png
deleted file mode 100644
index b2449d3a1..000000000
Binary files a/plugins/datetime/resources/icons/big4.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/big4.svg b/plugins/datetime/resources/icons/big4.svg
new file mode 100644
index 000000000..a2c651c60
--- /dev/null
+++ b/plugins/datetime/resources/icons/big4.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="8px" height="18px" viewBox="0 0 8 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
+    <title>数字大4</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数字大4" fill="#002422">
+            <path d="M2,7.5079 L0,8.7539 L0,0.0019 L2,2.0019 L2,7.5079 Z M7,9.002 L5.406,10.002 L2.578,10.002 L1,9.007 L2.484,8.002 L5.53,8.002 L7,9.002 Z M8,8.7538 L6,7.5078 L6,2.0018 L8,0.0018 L8,8.7538 Z M6.0003,10.3727 L6.0003,16.1047 L8.0003,18.0017 L8.0003,9.3007 L6.0003,10.3727 Z" id="Combined-Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/plugins/datetime/resources/icons/big5.png b/plugins/datetime/resources/icons/big5.png
deleted file mode 100644
index ed0e7f68d..000000000
Binary files a/plugins/datetime/resources/icons/big5.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/big5.svg b/plugins/datetime/resources/icons/big5.svg
new file mode 100644
index 000000000..c3f74fd84
--- /dev/null
+++ b/plugins/datetime/resources/icons/big5.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="8px" height="18px" viewBox="0 0 8 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
+    <title>数字大5</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数字大5" fill="#002422">
+            <path d="M2,7.5079 L0,8.7539 L0,2.5749 L1,1.5039 L2,2.5749 L2,7.5079 Z M7,9.002 L5.406,10.002 L2.578,10.002 L1,9.007 L2.484,8.002 L5.53,8.002 L7,9.002 Z M5.5299,2.002 L2.4839,2.002 L1.5779,1.002 L2.4839,0.002 L7.5299,0.002 L5.5299,2.002 Z M2.4839,16.0022 L0.4839,18.0022 L5.7189,18.0022 L6.5159,17.0022 L5.5299,16.0022 L2.4839,16.0022 Z M8,15.4801 L7,16.5521 L6,15.5831 L6,10.3731 L8,9.3011 L8,15.4801 Z" id="Combined-Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/plugins/datetime/resources/icons/big6.png b/plugins/datetime/resources/icons/big6.png
deleted file mode 100644
index 3618b4534..000000000
Binary files a/plugins/datetime/resources/icons/big6.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/big6.svg b/plugins/datetime/resources/icons/big6.svg
new file mode 100644
index 000000000..ddc8eca45
--- /dev/null
+++ b/plugins/datetime/resources/icons/big6.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="8px" height="18px" viewBox="0 0 8 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
+    <title>数字大6</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数字大6" fill="#002422">
+            <path d="M2,7.5079 L0,8.7539 L0,2.5749 L1,1.5039 L2,2.5749 L2,7.5079 Z M2,15.6395 L1,16.5515 L0,15.4805 L0,9.3015 L2,10.3725 L2,15.6395 Z M7,9.002 L5.406,10.002 L2.578,10.002 L1,9.007 L2.484,8.002 L5.53,8.002 L7,9.002 Z M5.5299,2.002 L2.4839,2.002 L1.5779,1.002 L2.4839,0.002 L7.5299,0.002 L5.5299,2.002 Z M2.4838,16.0022 L1.5158,17.0022 L2.4838,18.0022 L5.7188,18.0022 L6.5158,17.0022 L5.5308,16.0022 L2.4838,16.0022 Z M8,15.4801 L7,16.5521 L6,15.5831 L6,10.3731 L8,9.3011 L8,15.4801 Z" id="Combined-Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/plugins/datetime/resources/icons/big7.png b/plugins/datetime/resources/icons/big7.png
deleted file mode 100644
index 163a845f4..000000000
Binary files a/plugins/datetime/resources/icons/big7.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/big7.svg b/plugins/datetime/resources/icons/big7.svg
new file mode 100644
index 000000000..16bb1cd11
--- /dev/null
+++ b/plugins/datetime/resources/icons/big7.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="8px" height="18px" viewBox="0 0 8 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
+    <title>数字大7</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数字大7" fill="#002422">
+            <path d="M5.5299,2.002 L1.9999,2.002 L-0.0001,0.002 L7.5299,0.002 L5.5299,2.002 Z M8,8.7538 L6,7.5078 L6,2.5748 L8,0.5748 L8,8.7538 Z M6,10.3727 L6,16.0537 L8,17.9507 L8,9.3007 L6,10.3727 Z" id="Combined-Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/plugins/datetime/resources/icons/big8.png b/plugins/datetime/resources/icons/big8.png
deleted file mode 100644
index d34be78fd..000000000
Binary files a/plugins/datetime/resources/icons/big8.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/big8.svg b/plugins/datetime/resources/icons/big8.svg
new file mode 100644
index 000000000..8e25427da
--- /dev/null
+++ b/plugins/datetime/resources/icons/big8.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="8px" height="18px" viewBox="0 0 8 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
+    <title>数字大8</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数字大8" fill="#002422">
+            <path d="M2,7.5079 L0,8.7539 L0,2.5749 L1,1.5039 L2,2.5749 L2,7.5079 L2,7.5079 Z M2,15.6395 L1,16.5515 L0,15.4805 L0,9.3015 L2,10.3725 L2,15.6395 L2,15.6395 Z M7,9.002 L5.406,10.002 L2.578,10.002 L1,9.007 L2.484,8.002 L5.53,8.002 L7,9.002 L7,9.002 Z M6.3906,1.002 L5.5296,2.002 L2.4836,2.002 L1.5786,1.002 L2.4836,0.002 L5.5296,0.002 L6.3906,1.002 L6.3906,1.002 Z M2.4836,16.0022 L1.5156,17.0022 L2.4836,18.0022 L5.7196,18.0022 L6.5156,17.0022 L5.5306,16.0022 L2.4836,16.0022 L2.4836,16.0022 Z M8,8.7538 L6,7.5078 L6,2.5748 L7,1.5038 L8,2.5748 L8,8.7538 L8,8.7538 Z M8,15.4801 L7,16.5521 L6,15.5831 L6,10.3731 L8,9.3011 L8,15.4801 L8,15.4801 Z" id="Combined-Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/plugins/datetime/resources/icons/big9.png b/plugins/datetime/resources/icons/big9.png
deleted file mode 100644
index 41cf385b2..000000000
Binary files a/plugins/datetime/resources/icons/big9.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/big9.svg b/plugins/datetime/resources/icons/big9.svg
new file mode 100644
index 000000000..721b8f3f3
--- /dev/null
+++ b/plugins/datetime/resources/icons/big9.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="8px" height="18px" viewBox="0 0 8 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
+    <title>数字大9</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数字大9" fill="#002422">
+            <path d="M2,7.5079 L0,8.7539 L0,2.5749 L1,1.5039 L2,2.5749 L2,7.5079 Z M7,9.002 L5.406,10.002 L2.578,10.002 L1,9.007 L2.484,8.002 L5.53,8.002 L7,9.002 Z M6.3906,1.002 L5.5296,2.002 L2.4836,2.002 L1.5786,1.002 L2.4836,0.002 L5.5296,0.002 L6.3906,1.002 Z M2.4835,16.0022 L0.4835,18.0022 L5.7195,18.0022 L6.5155,17.0022 L5.5295,16.0022 L2.4835,16.0022 Z M8,8.7538 L6,7.5078 L6,2.5748 L7,1.5038 L8,2.5748 L8,8.7538 Z M8,15.4801 L7,16.5521 L6,15.5831 L6,10.3731 L8,9.3011 L8,15.4801 Z" id="Combined-Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/plugins/datetime/resources/icons/dail.png b/plugins/datetime/resources/icons/dail.png
deleted file mode 100644
index 88067a358..000000000
Binary files a/plugins/datetime/resources/icons/dail.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/hour_hand.png b/plugins/datetime/resources/icons/hour_hand.png
deleted file mode 100644
index d145bf8cc..000000000
Binary files a/plugins/datetime/resources/icons/hour_hand.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/hour_hand_with_shadow.png b/plugins/datetime/resources/icons/hour_hand_with_shadow.png
deleted file mode 100644
index 7bece8177..000000000
Binary files a/plugins/datetime/resources/icons/hour_hand_with_shadow.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/minute_hand.png b/plugins/datetime/resources/icons/minute_hand.png
deleted file mode 100644
index 3e14afbc5..000000000
Binary files a/plugins/datetime/resources/icons/minute_hand.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/minute_hand_with_shadow.png b/plugins/datetime/resources/icons/minute_hand_with_shadow.png
deleted file mode 100644
index 5f1ee0945..000000000
Binary files a/plugins/datetime/resources/icons/minute_hand_with_shadow.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/panel.png b/plugins/datetime/resources/icons/panel.png
deleted file mode 100644
index f4abe48ee..000000000
Binary files a/plugins/datetime/resources/icons/panel.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/pm.png b/plugins/datetime/resources/icons/pm.png
deleted file mode 100644
index 01986ff25..000000000
Binary files a/plugins/datetime/resources/icons/pm.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/point.png b/plugins/datetime/resources/icons/point.png
deleted file mode 100644
index 4876864b8..000000000
Binary files a/plugins/datetime/resources/icons/point.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/small0.png b/plugins/datetime/resources/icons/small0.png
deleted file mode 100644
index 3e0ee7ddc..000000000
Binary files a/plugins/datetime/resources/icons/small0.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/small0.svg b/plugins/datetime/resources/icons/small0.svg
new file mode 100644
index 000000000..0cc0cff2e
--- /dev/null
+++ b/plugins/datetime/resources/icons/small0.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="5px" height="9px" viewBox="0 0 5 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
+    <title>数字小0</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数字小0" fill="#002422">
+            <path d="M-0.0003,1.2581 L-0.0003,4.3581 L0.9997,3.7331 L0.9997,1.2581 L0.4997,0.7201 L-0.0003,1.2581 Z M-0.0003,7.7336 L0.4997,8.2716 L0.9997,7.7336 L0.9997,5.1716 L-0.0003,4.6336 L-0.0003,7.7336 Z M1.2516,0.0017 L0.7246,0.5137 L1.2516,1.0017 L3.7596,1.0017 L4.2886,0.5137 L3.7596,0.0017 L1.2516,0.0017 Z M1.2516,8.0018 L0.7246,8.4908 L1.2516,9.0018 L3.7596,9.0018 L4.2886,8.4908 L3.7596,8.0018 L1.2516,8.0018 Z M4.0002,1.2581 L4.0002,3.7331 L5.0002,4.3581 L5.0002,1.2581 L4.4992,0.7201 L4.0002,1.2581 Z M4.0002,5.1713 L4.0002,7.7333 L4.4992,8.2723 L5.0002,7.7333 L5.0002,4.6333 L4.0002,5.1713 Z" id="Combined-Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/plugins/datetime/resources/icons/small1.png b/plugins/datetime/resources/icons/small1.png
deleted file mode 100644
index bb1a90dd3..000000000
Binary files a/plugins/datetime/resources/icons/small1.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/small1.svg b/plugins/datetime/resources/icons/small1.svg
new file mode 100644
index 000000000..9d7d697ad
--- /dev/null
+++ b/plugins/datetime/resources/icons/small1.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="5px" height="9px" viewBox="0 0 5 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
+    <title>数字小1</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数字小1" fill="#002422">
+            <path d="M2.0004,1.0781 L2.0004,3.7361 L3.0004,4.3591 L3.0004,0.0051 L2.0004,1.0781 Z M2.0004,5.1722 L2.0004,7.9232 L3.0004,9.0002 L3.0004,4.6342 L2.0004,5.1722 Z" id="Combined-Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/plugins/datetime/resources/icons/small2.png b/plugins/datetime/resources/icons/small2.png
deleted file mode 100644
index 023b59754..000000000
Binary files a/plugins/datetime/resources/icons/small2.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/small2.svg b/plugins/datetime/resources/icons/small2.svg
new file mode 100644
index 000000000..141ab389f
--- /dev/null
+++ b/plugins/datetime/resources/icons/small2.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="5px" height="9px" viewBox="0 0 5 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
+    <title>数字小2</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数字小2" fill="#002422">
+            <path d="M1.2519,0.0017 L0.0399,1.0017 L3.7599,1.0017 L4.2889,0.5137 L3.7599,0.0017 L1.2519,0.0017 Z M0,7.7336 L0.5,8.2716 L1,7.7336 L1,5.2746 L0,4.7366 L0,7.7336 Z M1.2519,4.0022 L0.2799,4.5452 L1.2519,5.0022 L3.7599,5.0022 L4.7319,4.5452 L3.7599,4.0022 L1.2519,4.0022 Z M1.2519,8.0018 L0.7249,8.4908 L1.2519,9.0018 L4.9599,9.0018 L3.9759,8.0018 L1.2519,8.0018 Z M3.9996,1.2581 L3.9996,3.7331 L5.0006,4.2681 L5.0006,1.2581 L4.4996,0.7201 L3.9996,1.2581 Z" id="Combined-Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/plugins/datetime/resources/icons/small3.png b/plugins/datetime/resources/icons/small3.png
deleted file mode 100644
index 651bf5117..000000000
Binary files a/plugins/datetime/resources/icons/small3.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/small3.svg b/plugins/datetime/resources/icons/small3.svg
new file mode 100644
index 000000000..37a12cab3
--- /dev/null
+++ b/plugins/datetime/resources/icons/small3.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="5px" height="9px" viewBox="0 0 5 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
+    <title>数字小3</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数字小3" fill="#002422">
+            <path d="M0.0174,0.0017 L1.0054,1.0017 L3.7384,1.0017 L4.2614,0.5137 L3.7384,0.0017 L0.0174,0.0017 Z M1.0056,8.0018 L0.0176,9.0018 L3.4926,9.0018 L4.0156,8.4908 L3.4926,8.0018 L1.0056,8.0018 Z M1.0056,4.0022 L0.0416,4.5452 L1.0056,5.0022 L3.4926,5.0022 L4.4566,4.5642 L3.4926,4.0022 L1.0056,4.0022 Z M3.9999,1.3058 L3.9999,3.7818 L4.9999,4.4058 L4.9999,1.3058 L4.4999,0.7678 L3.9999,1.3058 Z M3.9999,5.219 L3.9999,7.781 L4.4999,8.32 L4.9999,7.781 L4.9999,4.681 L3.9999,5.219 Z" id="Combined-Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/plugins/datetime/resources/icons/small4.png b/plugins/datetime/resources/icons/small4.png
deleted file mode 100644
index 898ff4eac..000000000
Binary files a/plugins/datetime/resources/icons/small4.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/small4.svg b/plugins/datetime/resources/icons/small4.svg
new file mode 100644
index 000000000..208445396
--- /dev/null
+++ b/plugins/datetime/resources/icons/small4.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="5px" height="9px" viewBox="0 0 5 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
+    <title>数字小4</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数字小4" fill="#002422">
+            <path d="M-0.0003,-0.0001 L-0.0003,4.2679 L0.9997,3.7389 L0.9997,1.0019 L-0.0003,-0.0001 Z M1.2516,4.0022 L0.2796,4.5452 L1.2516,5.0022 L3.7596,5.0022 L4.7316,4.5642 L3.7596,4.0022 L1.2516,4.0022 Z M4.0002,1.0016 L4.0002,3.7396 L5.0002,4.3626 L5.0002,0.0086 L4.0002,1.0016 Z M4.0002,5.3207 L4.0002,8.0017 L5.0002,9.0047 L5.0002,4.7827 L4.0002,5.3207 Z" id="Combined-Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/plugins/datetime/resources/icons/small5.png b/plugins/datetime/resources/icons/small5.png
deleted file mode 100644
index e3821a08e..000000000
Binary files a/plugins/datetime/resources/icons/small5.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/small5.svg b/plugins/datetime/resources/icons/small5.svg
new file mode 100644
index 000000000..3afaa4853
--- /dev/null
+++ b/plugins/datetime/resources/icons/small5.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="5px" height="9px" viewBox="0 0 5 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
+    <title>数字小5</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数字小5" fill="#002422">
+            <path d="M0,1.2581 L0,4.3581 L1,3.7331 L1,1.2581 L0.5,0.7201 L0,1.2581 Z M1.0503,8.0018 L0.0543,9.0018 L3.7733,9.0018 L4.3023,8.4908 L3.7733,8.0018 L1.0503,8.0018 Z M1.2663,4.0022 L0.2943,4.5452 L1.2663,5.0022 L3.7733,5.0022 L4.7453,4.5452 L3.7733,4.0022 L1.2663,4.0022 Z M1.2663,0.0017 L0.7383,0.5137 L1.2663,1.0017 L3.7733,1.0017 L4.7583,0.0017 L1.2663,0.0017 Z M3.9996,5.3207 L3.9996,7.7337 L4.4996,8.2717 L5.0006,7.7337 L5.0006,4.7827 L3.9996,5.3207 Z" id="Combined-Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/plugins/datetime/resources/icons/small6.png b/plugins/datetime/resources/icons/small6.png
deleted file mode 100644
index d991e4288..000000000
Binary files a/plugins/datetime/resources/icons/small6.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/small6.svg b/plugins/datetime/resources/icons/small6.svg
new file mode 100644
index 000000000..263ee2e57
--- /dev/null
+++ b/plugins/datetime/resources/icons/small6.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="5px" height="9px" viewBox="0 0 5 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
+    <title>数字小6</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数字小6" fill="#002422">
+            <path d="M0.0003,1.2581 L0.0003,4.3581 L1.0003,3.7331 L1.0003,1.2581 L0.4993,0.7201 L0.0003,1.2581 Z M0.0003,7.7336 L0.4993,8.2716 L1.0003,7.7336 L1.0003,5.3206 L0.0003,4.7826 L0.0003,7.7336 Z M1.2063,4.0022 L0.2343,4.5452 L1.2063,5.0022 L3.7133,5.0022 L4.6853,4.5642 L3.7133,4.0022 L1.2063,4.0022 Z M1.2063,0.0017 L0.6783,0.5137 L1.2063,1.0017 L3.7133,1.0017 L4.6983,0.0017 L1.2063,0.0017 Z M1.2063,8.0018 L0.6783,8.4908 L1.2063,9.0018 L3.7133,9.0018 L4.2423,8.4908 L3.7133,8.0018 L1.2063,8.0018 Z M3.9999,5.3207 L3.9999,7.7337 L4.4999,8.2717 L4.9999,7.7337 L4.9999,4.7827 L3.9999,5.3207 Z" id="Combined-Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/plugins/datetime/resources/icons/small7.png b/plugins/datetime/resources/icons/small7.png
deleted file mode 100644
index 5a456d91c..000000000
Binary files a/plugins/datetime/resources/icons/small7.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/small7.svg b/plugins/datetime/resources/icons/small7.svg
new file mode 100644
index 000000000..9aecf113d
--- /dev/null
+++ b/plugins/datetime/resources/icons/small7.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="5px" height="9px" viewBox="0 0 5 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
+    <title>数字小7</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数字小7" fill="#002422">
+            <path d="M0.2481,0.0017 L1.2731,1.0017 L3.7621,1.0017 L4.8161,0.0017 L0.2481,0.0017 Z M4.0002,1.2572 L4.0002,3.7322 L5.0002,4.3572 L5.0002,0.3452 L4.0002,1.2572 Z M4.0002,5.1704 L4.0002,8.0014 L5.0002,8.9984 L5.0002,4.6324 L4.0002,5.1704 Z" id="Combined-Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/plugins/datetime/resources/icons/small8.png b/plugins/datetime/resources/icons/small8.png
deleted file mode 100644
index e43d7e0ad..000000000
Binary files a/plugins/datetime/resources/icons/small8.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/small8.svg b/plugins/datetime/resources/icons/small8.svg
new file mode 100644
index 000000000..92f6019e2
--- /dev/null
+++ b/plugins/datetime/resources/icons/small8.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="5px" height="9px" viewBox="0 0 5 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
+    <title>数字小8</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数字小8" fill="#002422">
+            <path d="M0,1.2563 L0,4.3563 L1,3.7313 L1,1.2563 L0.5,0.7183 L0,1.2563 Z M1,7.7315 L0.5,8.2695 L0,7.7315 L0.006,4.7325 L1.006,5.2705 L1,7.7315 Z M1.2519,4.0022 L0.2799,4.5452 L1.2519,5.0022 L3.7599,5.0022 L4.7319,4.5642 L3.7599,4.0022 L1.2519,4.0022 Z M1.2519,0.0017 L0.7249,0.5137 L1.2519,1.0017 L3.7599,1.0017 L4.2889,0.5137 L3.7599,0.0017 L1.2519,0.0017 Z M1.2519,8.0018 L0.7249,8.4908 L1.2519,9.0018 L3.7599,9.0018 L4.2889,8.4908 L3.7599,8.0018 L1.2519,8.0018 Z M3.9996,1.2563 L3.9996,3.7313 L5.0006,4.3563 L5.0006,1.2563 L4.4996,0.7183 L3.9996,1.2563 Z M5,7.7315 L4.5,8.2695 L4,7.7315 L4.006,5.2705 L5.006,4.7325 L5,7.7315 Z" id="Combined-Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/plugins/datetime/resources/icons/small9.png b/plugins/datetime/resources/icons/small9.png
deleted file mode 100644
index d9af8fb93..000000000
Binary files a/plugins/datetime/resources/icons/small9.png and /dev/null differ
diff --git a/plugins/datetime/resources/icons/small9.svg b/plugins/datetime/resources/icons/small9.svg
new file mode 100644
index 000000000..ebcfe4e81
--- /dev/null
+++ b/plugins/datetime/resources/icons/small9.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="5px" height="9px" viewBox="0 0 5 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
+    <title>数字小9</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="数字小9" fill="#002422">
+            <path d="M0.0003,1.2563 L0.0003,4.3563 L1.0003,3.8183 L1.0003,1.2563 L0.4993,0.7183 L0.0003,1.2563 Z M1.2522,8.0018 L0.2562,9.0018 L3.7592,9.0018 L4.2882,8.4908 L3.7592,8.0018 L1.2522,8.0018 Z M1.2522,4.0022 L0.2802,4.5452 L1.2522,5.0022 L3.7592,5.0022 L4.7312,4.5642 L3.7592,4.0022 L1.2522,4.0022 Z M1.2522,0.0017 L0.7242,0.5137 L1.2522,1.0017 L3.7592,1.0017 L4.2882,0.5137 L3.7592,0.0017 L1.2522,0.0017 Z M3.9999,1.2563 L3.9999,3.8183 L4.9999,4.3563 L4.9999,1.2563 L4.4999,0.7183 L3.9999,1.2563 Z M3.9999,5.2559 L3.9999,7.7319 L4.4999,8.2699 L4.9999,7.7319 L4.9999,4.6309 L3.9999,5.2559 Z" id="Combined-Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file