diff --git a/src/plugin-deepinid/operation/qrc/deepinid.qrc b/src/plugin-deepinid/operation/qrc/deepinid.qrc
index 0e1cbba2d3..d43efec43a 100644
--- a/src/plugin-deepinid/operation/qrc/deepinid.qrc
+++ b/src/plugin-deepinid/operation/qrc/deepinid.qrc
@@ -1,7 +1,9 @@
 <RCC>
+    <qresource prefix="/dsg">
+        <file>icons/dcc_cloud_logo.dci</file>
+    </qresource>
     <qresource prefix="/icons/deepin/builtin">
         <file>icons/dcc_login_bg.svg</file>
-        <file>icons/dcc_cloud_logo.svg</file>
         <file>icons/waitting.svg</file>
     </qresource>
 </RCC>
diff --git a/src/plugin-deepinid/operation/qrc/icons/dcc_cloud_logo.dci b/src/plugin-deepinid/operation/qrc/icons/dcc_cloud_logo.dci
new file mode 100644
index 0000000000..9be0c9d582
Binary files /dev/null and b/src/plugin-deepinid/operation/qrc/icons/dcc_cloud_logo.dci differ
diff --git a/src/plugin-deepinid/operation/qrc/icons/dcc_cloud_logo.svg b/src/plugin-deepinid/operation/qrc/icons/dcc_cloud_logo.svg
deleted file mode 100644
index 77251a7279..0000000000
--- a/src/plugin-deepinid/operation/qrc/icons/dcc_cloud_logo.svg
+++ /dev/null
@@ -1,39 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="256px" height="170px" viewBox="0 0 256 170" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>cloud</title>
-    <defs>
-        <path d="M78.8,0 C100.912989,0 119.284047,16.0211125 122.938899,37.0890636 C136.390418,41.9698411 146,54.8627015 146,70 C146,89.3299662 130.329966,105 111,105 L42.931651,105 L42.8269516,104.990941 C42.5520297,104.99697 42.2763687,105 42,105 C21.5654643,105 5,88.4345357 5,68 C5,49.6036961 18.4256467,34.3431199 36.0133836,31.481828 C41.6838248,13.2431156 58.6953647,0 78.8,0 Z" id="path-1"></path>
-        <filter x="-9.6%" y="-12.9%" width="119.1%" height="125.7%" filterUnits="objectBoundingBox" id="filter-2">
-            <feMorphology radius="10" operator="erode" in="SourceAlpha" result="shadowSpreadInner1"></feMorphology>
-            <feGaussianBlur stdDeviation="5" in="shadowSpreadInner1" result="shadowBlurInner1"></feGaussianBlur>
-            <feOffset dx="0" dy="-7" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
-            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
-            <feColorMatrix values="0 0 0 0 0.864329268   0 0 0 0 0.897371359   0 0 0 0 1  0 0 0 0.749426355 0" type="matrix" in="shadowInnerInner1" result="shadowMatrixInner1"></feColorMatrix>
-            <feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner2"></feGaussianBlur>
-            <feOffset dx="0" dy="1" in="shadowBlurInner2" result="shadowOffsetInner2"></feOffset>
-            <feComposite in="shadowOffsetInner2" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner2"></feComposite>
-            <feColorMatrix values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.5 0" type="matrix" in="shadowInnerInner2" result="shadowMatrixInner2"></feColorMatrix>
-            <feGaussianBlur stdDeviation="3" in="SourceAlpha" result="shadowBlurInner3"></feGaussianBlur>
-            <feOffset dx="0" dy="-4" in="shadowBlurInner3" result="shadowOffsetInner3"></feOffset>
-            <feComposite in="shadowOffsetInner3" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner3"></feComposite>
-            <feColorMatrix values="0 0 0 0 0.928563262   0 0 0 0 0.971782801   0 0 0 0 1  0 0 0 0.5 0" type="matrix" in="shadowInnerInner3" result="shadowMatrixInner3"></feColorMatrix>
-            <feMerge>
-                <feMergeNode in="shadowMatrixInner1"></feMergeNode>
-                <feMergeNode in="shadowMatrixInner2"></feMergeNode>
-                <feMergeNode in="shadowMatrixInner3"></feMergeNode>
-            </feMerge>
-        </filter>
-        <filter x="-20.0%" y="-500.0%" width="140.0%" height="1100.0%" filterUnits="objectBoundingBox" id="filter-3">
-            <feGaussianBlur stdDeviation="10" in="SourceGraphic"></feGaussianBlur>
-        </filter>
-    </defs>
-    <g id="cloud" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g transform="translate(53.000000, 12.000000)">
-            <g id="形状结合">
-                <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
-                <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
-            </g>
-            <ellipse id="Oval" fill="#00193D" opacity="0.5" filter="url(#filter-3)" cx="75" cy="124" rx="75" ry="3"></ellipse>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/src/plugin-deepinid/qml/LoginPage.qml b/src/plugin-deepinid/qml/LoginPage.qml
index 9c4473afad..b3db0a198b 100644
--- a/src/plugin-deepinid/qml/LoginPage.qml
+++ b/src/plugin-deepinid/qml/LoginPage.qml
@@ -51,16 +51,15 @@ DccObject {
                 anchors.horizontalCenter: parent.horizontalCenter
                 anchors.bottom: parent.bottom
                 fillMode: Image.Pad
-                clip: true                
+                clip: true
                 source: "qrc:/icons/deepin/builtin/icons/dcc_login_bg.svg"
             }
 
-            Image {
+            D.DciIcon {
                 id: logoImage
                 anchors.horizontalCenter: parent.horizontalCenter
                 anchors.bottom: parent.bottom
-                fillMode: Image.Pad
-                source: "qrc:/icons/deepin/builtin/icons/dcc_cloud_logo.svg"
+                name: "dcc_cloud_logo"
             }
         }