From 98e0fea3c491925501206a4485ea10cffce9bb09 Mon Sep 17 00:00:00 2001
From: Alexander Platov <sas_lord@mail.ru>
Date: Wed, 1 Sep 2021 21:17:13 +0300
Subject: [PATCH] Add social icons (#120)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
---
 plugins/contact-assets/assets/icons.svg | 42 +++++++++++++++++++++++--
 plugins/contact-assets/src/index.ts     | 13 +++++++-
 2 files changed, 52 insertions(+), 3 deletions(-)

diff --git a/plugins/contact-assets/assets/icons.svg b/plugins/contact-assets/assets/icons.svg
index 9b1bf58de9..fa57de0f4a 100644
--- a/plugins/contact-assets/assets/icons.svg
+++ b/plugins/contact-assets/assets/icons.svg
@@ -1,5 +1,43 @@
 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
-  <symbol id="email" viewBox="0 0 24 24">
-    <path d="M3,21.6c-0.2,0-0.3-0.1-0.4-0.2c-0.2-0.2-0.2-0.4-0.1-0.6l1.8-5.4c-0.6-1.2-0.8-2.5-0.8-3.8c0-3.4,1.9-6.5,4.9-8 c1.2-0.6,2.6-0.9,4-0.9h0.5c4.6,0.3,8.2,3.9,8.5,8.4l0,0.5c0,1.4-0.3,2.8-0.9,4c-1.5,3-4.6,4.9-8,4.9c0,0,0,0,0,0 c-1.3,0-2.6-0.3-3.8-0.8l-5.4,1.8C3.1,21.6,3.1,21.6,3,21.6z M12.3,3.9c-1.2,0-2.4,0.3-3.4,0.8c-2.6,1.3-4.3,4-4.3,6.9 c0,1.2,0.3,2.4,0.8,3.5c0.1,0.1,0.1,0.3,0,0.5l-1.5,4.5l4.5-1.5c0.2-0.1,0.3,0,0.5,0c1.1,0.5,2.2,0.8,3.5,0.8c3,0,5.6-1.6,6.9-4.3 c0.5-1.1,0.8-2.3,0.8-3.5c0,0,0,0,0,0v-0.5c-0.2-3.9-3.4-7-7.3-7.3L12.3,3.9C12.3,3.9,12.3,3.9,12.3,3.9z M21.3,11.7L21.3,11.7 L21.3,11.7z"/>
+  <symbol id="phone" viewBox="0 0 16 16">
+    <path d="M12,9.4l1.3,1.3c0.3,0.3,0.3,0.7,0,1c-1.5,1.5-3.9,1.7-5.6,0.4l-0.1-0.1c-1.3-1-2.4-2.1-3.4-3.4L4,8.6 C2.8,6.8,2.9,4.4,4.4,2.9c0.3-0.3,0.7-0.3,1,0l1.3,1.3c0.4,0.4,0.4,1,0,1.4L5.9,6.5C5.7,6.7,5.7,7,5.8,7.2C6.5,8.6,7.6,9.7,9,10.4 c0.2,0.1,0.5,0.1,0.7-0.1l0.9-0.9C11,9,11.6,9,12,9.4z"/>
+  </symbol>
+  <symbol id="email" viewBox="0 0 16 16">
+    <path d="M2.8,4.1C2.5,4.4,2.5,4.9,2.5,5.8v4.6c0,0.9,0,1.4,0.3,1.7c0.3,0.3,0.8,0.3,1.7,0.3h7c0.9,0,1.4,0,1.7-0.3 c0.3-0.3,0.3-0.8,0.3-1.7V5.8c0-0.9,0-1.4-0.3-1.7c-0.3-0.3-0.8-0.3-1.7-0.3h-7C3.6,3.8,3.1,3.8,2.8,4.1z M4.6,5.8 C4.4,5.7,4.1,5.7,3.9,6C3.8,6.2,3.8,6.5,4.1,6.7l3.1,2.1c0.5,0.3,1.2,0.3,1.7,0l3.1-2.1c0.2-0.2,0.3-0.5,0.1-0.7 c-0.2-0.2-0.5-0.3-0.7-0.1L8.3,7.9C8.1,8,7.9,8,7.7,7.9L4.6,5.8z"/>
+  </symbol>
+  <symbol id="discord" viewBox="0 0 16 16">
+    <path d="M12.2,4.7C11.4,4.4,10.6,4.1,9.7,4C9.6,4.2,9.5,4.4,9.4,4.6c-0.9-0.1-1.8-0.1-2.7,0C6.5,4.4,6.4,4.2,6.3,4 C5.4,4.1,4.6,4.4,3.8,4.7c-1.6,2.2-2,4.4-1.8,6.5c1,0.7,2,1.2,3,1.5c0.2-0.3,0.5-0.7,0.7-1c-0.4-0.1-0.7-0.3-1-0.5 c0.1-0.1,0.2-0.1,0.3-0.2c2,0.9,4.1,0.9,6.1,0c0.1,0.1,0.2,0.1,0.3,0.2c-0.3,0.2-0.7,0.3-1,0.5c0.2,0.4,0.4,0.7,0.7,1 c1-0.3,2-0.7,3-1.5C14.2,8.8,13.5,6.6,12.2,4.7z M6,9.9c-0.6,0-1.1-0.5-1.1-1.2c0-0.6,0.5-1.2,1.1-1.2c0.6,0,1.1,0.5,1.1,1.2 C7.1,9.4,6.6,9.9,6,9.9z M10,9.9c-0.6,0-1.1-0.5-1.1-1.2c0-0.6,0.5-1.2,1.1-1.2c0.6,0,1.1,0.5,1.1,1.2C11.1,9.4,10.6,9.9,10,9.9z"/>
+  </symbol>
+  <symbol id="facebook" viewBox="0 0 16 16">
+    <path d="M11.1,8.7l0.3-2.2H9.3V5.1C9.3,4.6,9.6,4,10.6,4h1V2.1c0,0-0.9-0.1-1.7-0.1C8.1,2,6.9,3,6.9,4.9v1.6H5v2.2h1.9v5.2 C7.3,14,7.7,14,8.1,14c0.4,0,0.8,0,1.2-0.1V8.7H11.1z"/>
+  </symbol>
+  <symbol id="instagram" viewBox="0 0 16 16">
+    <path d="M11.3,3.8c-0.5,0-0.9,0.4-0.9,0.9s0.4,0.9,0.9,0.9c0.5,0,0.9-0.4,0.9-0.9S11.8,3.8,11.3,3.8z"/>
+    <path d="M8,5C6.3,5,5,6.3,5,8s1.3,3,3,3s3-1.3,3-3S9.7,5,8,5z M8,9.8C7,9.8,6.2,9,6.2,8C6.2,7,7,6.2,8,6.2 C9,6.2,9.8,7,9.8,8C9.8,9,9,9.8,8,9.8z"/>
+    <path d="M13.6,4c-0.3-0.7-0.9-1.2-1.6-1.6C11.3,2,10.3,2,8.2,2H7.8c-2,0-3,0-3.8,0.4C3.3,2.7,2.7,3.3,2.4,4 C2,4.7,2,5.7,2,7.8v0.5c0,2,0,3,0.4,3.8c0.3,0.7,0.9,1.2,1.6,1.6C4.7,14,5.7,14,7.8,14h0.5c2,0,3,0,3.8-0.4 c0.7-0.3,1.2-0.9,1.6-1.6C14,11.3,14,10.3,14,8.2V7.8C14,5.7,14,4.7,13.6,4z M12.8,8.2c0,1,0,1.7,0,2.3c0,0.5-0.1,0.8-0.2,1 c-0.2,0.5-0.6,0.8-1,1c-0.2,0.1-0.5,0.2-1,0.2c-0.5,0-1.2,0-2.3,0H7.8c-1,0-1.7,0-2.3,0c-0.5,0-0.8-0.1-1-0.2c-0.5-0.2-0.8-0.6-1-1 c-0.1-0.2-0.2-0.5-0.2-1c0-0.5,0-1.2,0-2.3V7.8c0-1,0-1.7,0-2.3c0-0.5,0.1-0.8,0.2-1c0.2-0.5,0.6-0.8,1-1c0.2-0.1,0.5-0.2,1-0.2 c0.5,0,1.2,0,2.3,0h0.5c1,0,1.7,0,2.3,0c0.5,0,0.8,0.1,1,0.2c0.5,0.2,0.8,0.6,1,1c0.1,0.2,0.2,0.5,0.2,1c0,0.5,0,1.2,0,2.3V8.2z"/>
+  </symbol>
+  <symbol id="linkedin" viewBox="0 0 16 16">
+    <path d="M3.4,2C2.6,2,2,2.6,2,3.4c0,0.7,0.6,1.4,1.4,1.4c0.8,0,1.4-0.6,1.4-1.4C4.9,2.6,4.2,2,3.4,2z"/>
+    <rect x="2.2" y="5.7" width="2.5" height="7.5"/>
+    <path d="M11.2,5.6c-1.3,0-2.1,0.6-2.5,1.1v-1H6.2v7.5h2.5c0,0,0-2.4,0-3.8c0-0.9,0.3-1.8,1.5-1.8c1.4,0,1.4,1.2,1.3,2.1 c0,1.2,0,2.4,0,3.6H14v-4C14,6.7,13.3,5.6,11.2,5.6z"/>
+  </symbol>
+  <symbol id="telegram" viewBox="0 0 16 16">
+    <path d="M13.4,3.9c0.1-0.6-0.5-1-1-0.8L2.3,7.5c-0.4,0.2-0.3,0.7,0,0.8L4.4,9c0.4,0.1,0.8,0.1,1.2-0.2l4.7-3.3 c0.1-0.1,0.3,0.1,0.2,0.2L7.1,9.3c-0.3,0.3-0.3,0.9,0.1,1.2l3.8,2.4c0.4,0.3,1,0,1.1-0.5L13.4,3.9z"/>
+  </symbol>
+  <symbol id="twitter" viewBox="0 0 16 16">
+    <path d="M5.8,12.9c-1.4,0-2.7-0.4-3.8-1.1c0.9,0.1,2.6-0.1,3.6-1.1C4,10.6,3.4,9.5,3.3,9c0.1,0,0.7,0.1,1.1,0c-1.8-0.4-2-2-2-2.4 c0.3,0.2,0.9,0.3,1.1,0.3c-1.6-1.2-1-2.9-0.8-3.3C3.9,5.1,5.7,6,7.9,6.1c0-0.2-0.1-0.4-0.1-0.6C7.8,4.1,8.9,3,10.3,3 c0.7,0,1.4,0.3,1.8,0.8c0.5-0.1,1.2-0.4,1.6-0.6c-0.2,0.6-0.7,1.2-1.1,1.4c0,0,0,0,0,0c0.3,0,1.1-0.2,1.4-0.4 c-0.2,0.4-0.7,1-1.2,1.3C12.9,9.4,9.8,12.9,5.8,12.9z"/>
+  </symbol>
+  <symbol id="vk" viewBox="0 0 16 16">
+    <path d="M12.2,9.4C12,9.2,12,9,12.1,8.9c0.2-0.5,2.7-3.5,1.7-3.5c-0.7,0-1.6,0-2.3,0c-0.1,0-0.2,0.1-0.3,0.2 c-0.4,0.9-0.9,2.1-1.7,2.9c-0.1,0.1-0.2,0.1-0.3,0c-0.5-0.5,0-2.4-0.3-3.2C8.9,5.2,8.7,5.1,8.6,5.1C7.9,4.9,6.3,5,6,5.3 C6,5.4,5.9,5.5,6,5.5c0.2,0,0.4,0.1,0.5,0.3c0.2,0.4,0.3,2.7-0.2,2.7c-0.6,0-1.5-2.3-1.8-2.9C4.5,5.4,4.3,5.3,4.1,5.3l-1.7,0 C2.1,5.3,1.9,5.5,2,5.8c0.9,2.2,2.8,6.5,5.8,6.4c0.3,0,0.8,0.1,1-0.1c0.3-0.4-0.1-1.2,0.5-1.5c0.1-0.1,0.3,0,0.4,0.1 c0.6,0.5,0.9,1.3,1.7,1.5c0.1,0,0.2,0.1,0.3,0l1.6,0c0.3,0,0.6-0.1,0.5-0.5C13.7,10.9,12.8,10.1,12.2,9.4z"/>
+  </symbol>
+  <symbol id="whatsapp" viewBox="0 0 16 16">
+    <path d="M11,9.2C10.6,9,9.9,8.6,9.8,8.6c-0.2-0.1-0.2,0-0.3,0.1C9.3,8.8,9,9.2,8.9,9.3c-0.1,0.1-0.2,0-0.3,0 C8.4,9.2,7.8,8.9,7.3,8.4c-0.6-0.6-0.6-0.8-0.8-1c-0.1-0.1,0-0.2,0-0.3c0.1-0.2,0.3-0.4,0.4-0.5c0.1-0.1,0-0.3,0-0.4 C6.8,5.8,6.6,5.4,6.5,5.2C6.4,4.9,6.1,5,5.9,5c-0.4,0-1,0.5-1,1.4C4.9,7,5.2,7.8,6.3,9c1,1.1,2.4,1.7,3.5,1.7c1.1,0,1.4-1,1.4-1.3 C11.2,9.2,11.1,9.2,11,9.2z"/>
+    <path d="M8,2C4.7,2,2,4.7,2,8c0,1.1,0.3,2.1,0.8,3L2,14l3.1-0.7C6,13.7,7,14,8,14c3.3,0,6-2.7,6-6S11.3,2,8,2z M8,13.1 c-1.1,0-2.1-0.3-2.9-0.9l-1.7,0.4l0.5-1.7C3.3,10.1,2.9,9.1,2.9,8c0-2.8,2.3-5.1,5.1-5.1s5.1,2.3,5.1,5.1S10.8,13.1,8,13.1z"/>
+  </symbol>
+  <symbol id="youtube" viewBox="0 0 16 16">
+    <path d="M13.9,5.7c-0.1-0.8-0.7-1.5-1.6-1.6C11.1,4.1,9.3,4,8,4S4.9,4.1,3.7,4.1c-0.8,0-1.5,0.7-1.6,1.6C2.1,6.5,2,7.5,2,8.3 s0.1,1.8,0.1,2.6c0.1,0.8,0.7,1.5,1.6,1.6c1.2,0.1,3,0.1,4.3,0.1s3.1-0.1,4.3-0.1c0.8,0,1.5-0.7,1.6-1.6c0.1-0.8,0.1-1.8,0.1-2.6 S13.9,6.5,13.9,5.7z M6.7,10V6.6l3.4,1.7L6.7,10z"/>
+  </symbol>
+  <symbol id="github" viewBox="0 0 16 16">
+    <path d="M14,8.2c0-3.3-2.7-6-6-6s-6,2.7-6,6c0,2.6,1.7,4.9,4,5.7c0.1-0.1,0.3-0.2,0.3-0.4c0-0.3,0-1.2,0-1.2 s-0.3,0-0.6,0c-0.9,0-1.2-0.6-1.4-0.9c-0.2-0.4-0.4-0.6-0.7-0.8c-0.2-0.1-0.2-0.2,0-0.3c0.8-0.2,1,0.9,1.6,1.1 c0.4,0.1,0.9,0.1,1.2-0.1c0-0.3,0.3-0.6,0.5-0.8c-1.4-0.1-2.2-0.6-2.7-1.4l0-0.1L4.1,8.8l0-0.1C3.9,8.3,3.8,7.8,3.8,7.3 c0-0.9,0.3-1.2,0.7-1.7c-0.3-1,0.1-1.7,0.1-1.7s0.6-0.1,1.8,0.7C7,4.3,8.6,4.3,9.4,4.5c0.5-0.3,1.4-0.8,1.7-0.6 c0.1,0.2,0.3,0.6,0.1,1.6c0.1,0.2,0.8,0.7,0.8,2c0,0.5-0.1,0.9-0.2,1.2l-0.1,0.2c0,0,0,0.1-0.1,0.2l0,0.1c-0.4,0.9-1.3,1.3-2.7,1.4 c0.4,0.3,0.6,0.6,0.6,1.6s0,1.1,0,1.3c0,0.2,0.2,0.3,0.3,0.4C12.3,13,14,10.8,14,8.2z"/>
   </symbol>
 </svg>
diff --git a/plugins/contact-assets/src/index.ts b/plugins/contact-assets/src/index.ts
index da3e8b68ac..5064de3db4 100644
--- a/plugins/contact-assets/src/index.ts
+++ b/plugins/contact-assets/src/index.ts
@@ -18,5 +18,16 @@ import chunter from '@anticrm/contact'
 
 const icons = require('../assets/icons.svg')
 loadMetadata(chunter.icon, {
-  Email: `${icons}#email`
+  Phone: `${icons}#phone`,
+  Email: `${icons}#email`,
+  Discord: `${icons}#discord`,
+  Facebook: `${icons}#facebook`,
+  Instagram: `${icons}#instagram`,
+  LinkedIn: `${icons}#linkedin`,
+  Telegram: `${icons}#telegram`,
+  Twitter: `${icons}#twitter`,
+  VK: `${icons}#vk`,
+  WhatsApp: `${icons}#whatsapp`,
+  Youtube: `${icons}#youtube`,
+  GitHub: `${icons}#github`
 })