diff --git a/front/core/components/index.js b/front/core/components/index.js
index eb40d5e1fe..cfa46f0cbb 100644
--- a/front/core/components/index.js
+++ b/front/core/components/index.js
@@ -39,6 +39,7 @@ import './range';
 import './input-time';
 import './input-file';
 import './label';
+import './link-phone';
 import './list';
 import './popover';
 import './popup';
diff --git a/front/core/components/link-phone/index.html b/front/core/components/link-phone/index.html
new file mode 100644
index 0000000000..2e2e2338af
--- /dev/null
+++ b/front/core/components/link-phone/index.html
@@ -0,0 +1,21 @@
+<span ng-if="$ctrl.phoneNumber">
+    <span ng-if="$ctrl.icon" >
+        <span ng-if="$ctrl.showNumber">
+            {{ $ctrl.phoneNumber }}
+        </span>
+        <a href="{{$ctrl.schemeUrl}}:{{$ctrl.phoneNumber}}">
+            <vn-icon
+                flat
+                round
+                icon="phone"
+                title="MicroSIP"
+                ng-click="$event.stopPropagation();"
+            >
+            </vn-icon>
+        </a>
+    </span>
+    <a ng-if="!$ctrl.icon" href="$ctrl.schemeUrl:$ctrl.phoneNumber">
+        {{ $ctrl.phoneNumber }}
+    </a>
+</span>   
+<span ng-if="!$ctrl.phoneNumber">-</span>
\ No newline at end of file
diff --git a/front/core/components/link-phone/index.js b/front/core/components/link-phone/index.js
new file mode 100644
index 0000000000..7731487eb5
--- /dev/null
+++ b/front/core/components/link-phone/index.js
@@ -0,0 +1,21 @@
+import ngModule from '../../module';
+import './style.scss';
+class Controller {
+    constructor() {
+        this.phoneNumber = null;
+        this.icon = true;
+        this.showNumber = true;
+        this.schemeUrl = 'tel';
+    }
+}
+
+ngModule.vnComponent('vnLinkPhone', {
+    template: require('./index.html'),
+    controller: Controller,
+    bindings: {
+        phoneNumber: '<',
+        icon: '<?',
+        showNumber: '<?',
+        schemeUrl: '<?',
+    }
+});
diff --git a/front/core/components/link-phone/style.scss b/front/core/components/link-phone/style.scss
new file mode 100644
index 0000000000..22beaf8fd3
--- /dev/null
+++ b/front/core/components/link-phone/style.scss
@@ -0,0 +1,7 @@
+vn-link-phone {
+    vn-icon {
+    font-size: 1.1em;
+    vertical-align: bottom;
+}
+}
+
diff --git a/modules/client/front/summary/index.html b/modules/client/front/summary/index.html
index 6f7c915c15..8bec03d8b0 100644
--- a/modules/client/front/summary/index.html
+++ b/modules/client/front/summary/index.html
@@ -46,25 +46,15 @@
                 value="{{$ctrl.summary.contact}}">
             </vn-label-value>
             <vn-label-value label="Phone">
-                {{$ctrl.summary.phone}}
-                <a href="tel:{{$ctrl.summary.phone}}">
-                    <vn-icon
-                    class="tel"
-                    icon="call"
-                    translate-attr="{title: 'Microsip'}"
-                    >
-                </vn-icon>
-                </a>
+                <vn-link-phone
+                phone-number="$ctrl.summary.phone"
+                ></vn-link-phone>
+                
             </vn-label-value>
             <vn-label-value label="Mobile">
-                {{$ctrl.summary.mobile}}
-                <a href="tel:{{$ctrl.summary.mobile}}">
-                    <vn-icon
-                    class="tel"
-                    icon="smartphone"
-                    translate-attr="{title: 'Microsip'}"
-                    ></vn-icon>
-                </a>
+                <vn-link-phone
+                phone-number="$ctrl.summary.mobile"
+                ></vn-link-phone>
             </vn-label-value>
             <vn-label-value label="Email" no-ellipsize
                 value="{{$ctrl.listEmails($ctrl.summary.email)}}">
diff --git a/modules/client/front/summary/style.scss b/modules/client/front/summary/style.scss
index dd30edaa07..7dc1cc928a 100644
--- a/modules/client/front/summary/style.scss
+++ b/modules/client/front/summary/style.scss
@@ -11,8 +11,4 @@ vn-client-summary .summary {
         font-family: 'salixfont' !important;
         content: "\e965";
     }
-    vn-icon.tel {
-        font-size: 1.1em;
-        vertical-align: bottom;
-    }
 }
diff --git a/modules/order/front/summary/index.html b/modules/order/front/summary/index.html
index 52a1afd6d2..218359992b 100644
--- a/modules/order/front/summary/index.html
+++ b/modules/order/front/summary/index.html
@@ -48,17 +48,10 @@
             <vn-label-value label="Landed" 
                 value="{{$ctrl.summary.landed | date: 'dd/MM/yyyy HH:mm'}}">
             </vn-label-value>
-            <vn-label-value label="Phone" 
-           >
-                {{$ctrl.summary.address.phone}}
-                <a href="tel:{{$ctrl.summary.address.phone}}">
-                    <vn-icon
-                        class="tel"
-                        icon="smartphone"
-                        translate-attr="{title:'Microsip'}"
-                    >
-                    </vn-icon>
-                </a>
+            <vn-label-value label="Phone">
+                <vn-link-phone
+                    phone-number="$ctrl.summary.address.phone"
+                ></vn-link-phone>
             </vn-label-value>
             <vn-label-value label="Created from" 
                 value="{{$ctrl.summary.sourceApp}}">
diff --git a/modules/order/front/summary/style.scss b/modules/order/front/summary/style.scss
index 7abcd889b1..a2537c58fc 100644
--- a/modules/order/front/summary/style.scss
+++ b/modules/order/front/summary/style.scss
@@ -17,8 +17,4 @@ vn-order-summary .summary{
             }
         }
     }
-    vn-icon.tel {
-        font-size: 1.1em;
-        vertical-align: bottom;
-    }
 }
\ No newline at end of file
diff --git a/modules/route/front/roadmap/summary/index.html b/modules/route/front/roadmap/summary/index.html
index c8ba854561..9fab0bf874 100644
--- a/modules/route/front/roadmap/summary/index.html
+++ b/modules/route/front/roadmap/summary/index.html
@@ -26,15 +26,9 @@
             <vn-label-value
                 label="Phone"
             >
-                {{summary.phone}}
-                <a href="tel:{{summary.phone}}" class="tel">
-                    <vn-icon
-                        class="tel"
-                        icon="call"
-                        translate-attr="{title: 'Microsip'}"
-                    >
-                    </vn-icon>
-                </a>
+                <vn-link-phone
+                phone-number="summary.phone"
+                ></vn-link-phone>
             </vn-label-value>
             <vn-label-value
                 label="Worker"
diff --git a/modules/route/front/roadmap/summary/style.scss b/modules/route/front/roadmap/summary/style.scss
index 6abc934800..743500cefa 100644
--- a/modules/route/front/roadmap/summary/style.scss
+++ b/modules/route/front/roadmap/summary/style.scss
@@ -1,14 +1,9 @@
 @import "variables";
 
 vn-roadmap-summary .summary {
-    a:not(.tel) {
+    a:not(vn-link-phone a) {
         display: flex;
         align-items: center;
         height: 18.328px;
     }
-
-    vn-icon.tel {
-        font-size: 1.1em;
-        vertical-align: bottom;
-    }
 }
diff --git a/modules/ticket/front/summary/index.html b/modules/ticket/front/summary/index.html
index cbe5734767..3c60352a74 100644
--- a/modules/ticket/front/summary/index.html
+++ b/modules/ticket/front/summary/index.html
@@ -84,48 +84,28 @@
             <vn-label-value label="Address phone"
                 ng-if="$ctrl.summary.address.phone != null"
                >
-                {{$ctrl.summary.address.phone}}
-                <a href="sip:{{$ctrl.summary.address.phone}}">
-                    <vn-icon
-                        class="tel"
-                        icon="call"
-                        translate-attr="{title: 'Microsip'}"
-                    >
-                    </vn-icon>
-                </a>
+               <vn-link-phone
+                    phone-number="$ctrl.summary.address.phone"
+               ></vn-link-phone>
             </vn-label-value>
             <vn-label-value label="Address mobile"
                 ng-if="$ctrl.summary.address.mobile != null"
             >
-                {{$ctrl.summary.address.mobile}}
-                <a href="sip:{{$ctrl.summary.address.mobile}}">
-                    <vn-icon 
-                        class="tel"
-                        icon="smartphone"
-                        translate-attr="{title: 'Microsip'}"
-                    >
-                    </vn-icon>
-                </a>
+                <vn-link-phone
+                    phone-number="$ctrl.summary.address.mobile"
+                ></vn-link-phone>
             </vn-label-value>
             <vn-label-value label="Client phone"
                 ng-if="$ctrl.summary.client.phone != null">
-                {{$ctrl.summary.client.phone}}
-                <a href="sip:{{$ctrl.summary.client.phone}}">
-                    <vn-icon 
-                        class="tel" 
-                        icon="phone"
-                        translate-attr="{title: 'Microsip'}"></vn-icon>
-                </a>
+                <vn-link-phone
+                    phone-number="$ctrl.summary.client.phone"
+                ></vn-link-phone>
             </vn-label-value>
             <vn-label-value label="Client mobile"
                 ng-if="$ctrl.summary.client.mobile != null">
-                {{$ctrl.summary.client.mobile}}
-                <a href="sip:{{$ctrl.summary.client.mobile}}">
-                    <vn-icon 
-                    class="tel"
-                    icon="smartphone"
-                    translate-attr="{title: 'Microsip'}"></vn-icon>
-                </a>
+                <vn-link-phone
+                    phone-number="$ctrl.summary.client.mobile"
+                ></vn-link-phone>
             </vn-label-value>
             <vn-label-value label="Address" no-ellipsize
                 value="{{$ctrl.formattedAddress}}">
diff --git a/modules/worker/front/descriptor/index.html b/modules/worker/front/descriptor/index.html
index ce318540f1..1131d3d6cf 100644
--- a/modules/worker/front/descriptor/index.html
+++ b/modules/worker/front/descriptor/index.html
@@ -36,34 +36,18 @@
                 value="{{$ctrl.worker.department.department.name}}">
             </vn-label-value>
             <vn-label-value
-                label="Phone">
-                <span ng-if="!$ctrl.worker.phone">-</span>
-                <span ng-if="$ctrl.worker.phone">
-                    {{$ctrl.worker.phone}}
-                    <a 
-                        href="tel:{{$ctrl.worker.phone}}">
-                        <vn-icon 
-                        class="tel" 
-                        icon="phone"
-                        translate-attr="{title: 'Microsip'}"
-                        ></vn-icon>
-                    </a>
-                </span>
+                label="Phone"
+            >
+                <vn-link-phone
+                    phone-number=":$ctrl.worker.phone"
+                ></vn-link-phone>
             </vn-label-value>
             <vn-label-value
-                label="Extension">
-                <span ng-if="!$ctrl.worker.sip.extension">-</span>
-                <span ng-if="$ctrl.worker.sip.extension">
-                    {{$ctrl.worker.sip.extension}}
-                    <a 
-                        href="tel:{{$ctrl.worker.sip.extension}}">
-                        <vn-icon 
-                        class="tel" 
-                        icon="phone"
-                        translate-attr="{title: 'Microsip'}"
-                        ></vn-icon>
-                    </a>
-                </span>
+                label="Extension"
+            >
+                <vn-link-phone
+                    phone-number="$ctrl.worker.sip.extension"
+                ></vn-link-phone>
             </vn-label-value>
         </div>
         <div class="icons">
diff --git a/modules/worker/front/descriptor/index.js b/modules/worker/front/descriptor/index.js
index 446f8167cd..a2aadf3b30 100644
--- a/modules/worker/front/descriptor/index.js
+++ b/modules/worker/front/descriptor/index.js
@@ -1,6 +1,5 @@
 import ngModule from '../module';
 import Descriptor from 'salix/components/descriptor';
-import './style.scss';
 class Controller extends Descriptor {
     constructor($element, $, $rootScope) {
         super($element, $);
diff --git a/modules/worker/front/descriptor/style.scss b/modules/worker/front/descriptor/style.scss
deleted file mode 100644
index 6db663ae3d..0000000000
--- a/modules/worker/front/descriptor/style.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-vn-worker-descriptor {
-    vn-icon.tel {
-        font-size: 1.1em;
-        vertical-align: bottom;
-    }
-}
\ No newline at end of file
diff --git a/modules/worker/front/summary/index.html b/modules/worker/front/summary/index.html
index 13924fe8df..0d9aef7f87 100644
--- a/modules/worker/front/summary/index.html
+++ b/modules/worker/front/summary/index.html
@@ -43,44 +43,20 @@
                 </span>
             </vn-label-value>
             <vn-label-value label="Mobile extension">
-                <span ng-show="!worker.mobileExtension">-</span>
-                <span ng-show="worker.mobileExtension">
-                    {{worker.mobileExtension}}
-                    <a href="tel:{{worker.mobileExtension}}">
-                        <vn-icon
-                        class="tel"
-                        icon="smartphone"
-                        translate-attr="{title: 'Microsip'}"
-                        ></vn-icon>
-                    </a>
-                </span>
+                <vn-link-phone
+                    phone-number="worker.mobileExtension"
+                ></vn-link-phone>
             </vn-label-value>
             <vn-label-value label="Business phone">
-                <span ng-show="!worker.phone">-</span>
-                <span ng-show="worker.phone">
-                    {{worker.phone}}
-                    <a href="tel:{{worker.phone}}">
-                        <vn-icon
-                        class="tel"
-                        icon="smartphone"
-                        translate-attr="{title: 'Microsip'}"
-                        ></vn-icon>
-                    </a>
-                </span>
+                <vn-link-phone
+                    phone-number="worker.phone"
+                ></vn-link-phone>
             </vn-label-value>
             <vn-label-value label="Personal phone"
             >
-                <span ng-show="!worker.client.phone">-</span>
-                <span ng-show="worker.client.phone">
-                    {{worker.client.phone}}
-                    <a href="tel:{{worker.client.phone}}">
-                        <vn-icon
-                        class="tel"
-                        icon="smartphone"
-                        translate-attr="{title: 'Microsip'}"
-                        ></vn-icon>
-                    </a>
-                </span>
+            <vn-link-phone
+                phone-number="worker.client.phone"
+            ></vn-link-phone>
             </vn-label-value>
             <vn-label-value label="Locker"
             value="{{worker.locker}}">
diff --git a/modules/worker/front/summary/index.js b/modules/worker/front/summary/index.js
index 1e64527cfc..212609f582 100644
--- a/modules/worker/front/summary/index.js
+++ b/modules/worker/front/summary/index.js
@@ -1,6 +1,5 @@
 import ngModule from '../module';
 import Summary from 'salix/components/summary';
-import './style.scss';
 class Controller extends Summary {
     get worker() {
         return this._worker;
diff --git a/modules/worker/front/summary/style.scss b/modules/worker/front/summary/style.scss
deleted file mode 100644
index 2bde271297..0000000000
--- a/modules/worker/front/summary/style.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-vn-worker-summary {
-    vn-icon.tel {
-        font-size: 1.1em;
-        vertical-align: bottom;
-    }
-}
\ No newline at end of file