:sparkles: all icons added to font and all mdi icons replaced with custom icons

frontend/assets/fonts/icomoon.svg

@@ -24,11 +24,19 @@
 <glyph unicode="&#xe90e;" glyph-name="home" d="M1000.96 389.12h-94.293v-338.347c2.987-28.16-17.493-53.333-45.653-56.32-3.413 0-7.253 0-10.667 0h-225.707v338.347h-225.707v-338.347h-225.28c-28.16-2.987-53.333 17.493-56.32 45.653 0 3.413 0 7.253 0 10.667v338.347h-94.293c-33.707 0-26.453 18.347-3.413 42.24l452.267 452.693c20.053 22.187 54.613 23.467 76.373 3.413 1.28-1.28 2.133-2.133 3.413-3.413l452.267-452.693c23.040-23.893 30.293-42.24-3.413-42.24v0z" />
 <glyph unicode="&#xe90f;" glyph-name="location" d="M991.147 33.28l-69.973 209.92h-76.8l42.667-204.8h-750.507l42.667 204.8h-76.8l-69.973-209.92c-15.36-34.987 0.427-75.947 35.84-91.733 10.667-4.693 22.613-6.827 34.56-5.547h818.773c37.973-3.413 72.107 24.32 75.52 62.72 1.28 11.947-0.853 23.893-5.547 34.56v0zM767.573 704c0.427 141.227-114.347 256-255.573 256s-256-114.773-256-256c0-244.48 256-512 256-512s256 267.52 256 512zM373.333 701.013c0 76.373 61.867 138.24 138.24 138.24s138.24-61.867 138.24-138.24-61.867-138.24-138.24-138.24v0c-76.373 0-138.24 61.867-138.24 137.813 0 0 0 0 0 0v0z" />
 <glyph unicode="&#xe910;" glyph-name="lock" d="M841.813 561.92h-102.4v136.533c0 164.693-75.947 261.547-227.413 261.547s-227.413-96.853-227.413-261.547v-136.533h-113.92c-33.28-5.547-57.6-34.56-56.747-68.267v-443.733c1.707-33.28 22.613-62.72 54.187-74.24l68.267-22.187c36.267-10.667 73.387-16.213 110.933-17.493h329.813c37.547 0.853 75.093 6.827 110.933 17.493l67.84 22.187c31.147 11.52 52.48 40.96 54.187 74.24v443.733c-4.267 35.84-32.427 64-68.267 68.267zM625.493 561.92h-227.413v159.147c0 82.347 45.653 125.013 113.92 125.013s113.92-42.667 113.92-125.013v-159.147z" />
+<glyph unicode="&#xe911;" glyph-name="cross" d="M938.24-29.44c-46.080-46.080-120.747-46.080-166.827 0 0 0 0 0 0 0l-260.693 297.813-260.693-297.813c-46.933-45.227-121.6-44.373-166.827 2.56-44.373 45.653-44.373 118.613 0 164.267l271.36 309.76-271.36 310.187c-45.227 46.933-44.373 121.6 2.56 166.827 45.653 44.373 118.613 44.373 164.267 0l260.693-298.24 260.693 298.24c45.227 46.933 120.32 47.787 166.827 2.56 46.933-45.227 47.787-120.32 2.56-166.827-0.853-0.853-1.707-1.707-2.56-2.56l-271.36-309.76 271.36-309.76c46.080-46.080 46.080-120.747 0-167.253z" />
 <glyph unicode="&#xe912;" glyph-name="paper-plane" d="M995.84 858.027l-982.613-346.453c-15.787-5.547-19.2-19.2-0.427-26.453l211.2-84.48 125.013-50.347s603.307 442.88 611.413 448.853 17.493-5.12 11.947-11.947-438.187-473.6-438.187-473.6v0l-25.173-28.16 310.613-167.253c13.653-7.68 30.72-2.987 38.827 10.667 1.28 2.56 2.56 5.12 2.987 8.107 5.547 23.893 158.293 682.24 161.707 697.173 4.267 19.2-8.107 30.72-27.307 23.893v0zM348.16 49.493c0-13.653 7.68-17.493 18.347-7.68 14.080 12.8 158.72 142.507 158.72 142.507l-177.067 91.307v-226.133z" />
 <glyph unicode="&#xe913;" glyph-name="people" d="M817.92-16.213c0 114.773-111.787 173.227-221.013 220.16s-143.36 86.187-143.36 170.667c0 50.773 33.28 34.133 47.787 127.147 5.973 38.4 35.413 0.427 40.96 88.32 0 34.987-15.787 43.52-15.787 43.52s8.107 51.627 11.52 91.733c2.56 73.813-46.507 139.52-117.76 158.293-17.067 17.493-28.587 45.227 23.467 72.96-114.347 5.12-141.227-54.613-202.24-98.56-41.387-31.147-64.853-80.64-63.573-132.693 3.413-40.107 11.52-91.733 11.52-91.733s-16.213-8.533-16.213-43.52c5.547-87.893 34.987-49.92 40.96-88.32 14.507-92.587 47.787-76.373 47.787-127.147 0-84.48-10.667-113.067-119.467-159.573s-142.507-122.453-142.080-231.253c0-32.853-0.427-44.8-0.427-44.8h818.347s-0.427 11.947-0.427 44.373v0zM947.627 278.613c-58.027 23.467-81.92 51.2-81.92 105.813 0 32.853 21.333 22.187 30.72 81.92 4.267 24.747 23.040 0 26.453 57.173 0 22.613-10.24 28.16-10.24 28.16s5.12 33.707 7.253 59.307c2.987 60.587-43.947 112.213-104.533 114.773-3.84 0-7.68 0-11.52 0-60.587 3.413-112.64-43.093-116.053-103.68 0-3.84 0-7.68 0-11.52 2.133-25.6 7.253-59.307 7.253-59.307s-10.24-5.547-10.24-28.16c3.84-56.747 22.613-32.427 26.453-57.173 9.387-60.16 30.72-49.067 30.72-81.92 0-54.613-22.613-79.787-92.587-110.080-3.413-1.707-6.4-3.413-9.387-5.12 84.053-36.267 216.32-99.413 247.467-227.413h135.253v118.187c5.973 52.48-25.6 101.547-75.52 118.613v0z" />
 <glyph unicode="&#xe914;" glyph-name="plus" d="M921.6 448c0-37.973-3.413-68.267-40.96-68.267h-300.373v-300.373c0-37.547-30.72-40.96-68.267-40.96s-68.267 3.413-68.267 40.96v300.373h-300.373c-37.547 0-40.96 30.72-40.96 68.267s3.413 68.267 40.96 68.267h300.373v300.373c0 37.547 30.72 40.96 68.267 40.96s68.267-3.413 68.267-40.96v-300.373h300.373c37.973 0 40.96-30.72 40.96-68.267z" />
 <glyph unicode="&#xe915;" glyph-name="price-ribbon" d="M661.76 413.013c8.107 14.933 22.613 25.6 39.253 28.587 15.787 2.56 28.16 14.933 30.72 30.72 2.987 16.64 13.653 31.147 28.587 39.253 14.507 7.253 22.187 23.040 20.053 38.827-2.56 16.64 2.987 33.707 14.933 46.080 11.52 11.52 14.080 29.013 6.827 43.093-7.68 15.36-7.68 33.28 0 48.213 7.253 14.507 4.693 32-6.827 43.093-11.947 12.373-17.493 29.013-14.933 46.080 2.56 15.787-5.547 31.573-20.053 38.827-14.933 8.107-25.6 22.613-28.587 39.253-2.56 15.787-14.933 28.16-30.72 30.72-16.64 2.987-31.147 13.653-39.253 28.587-7.253 14.507-23.040 22.187-39.253 19.627-16.64-2.56-33.707 2.987-46.080 14.933-11.52 11.52-28.587 14.080-43.093 6.827-15.36-7.68-33.28-7.68-48.213 0-14.507 7.253-32 4.693-43.093-6.827-12.373-11.947-29.013-17.493-46.080-14.933-15.787 2.56-31.573-5.547-38.827-19.627-8.107-14.933-22.613-25.6-39.253-28.587-15.787-2.56-28.16-14.933-30.72-30.72-2.987-16.64-13.653-31.147-28.587-39.253-14.080-7.253-22.187-23.040-19.627-38.827 2.56-16.64-2.987-33.707-14.933-46.080-11.52-11.52-14.080-29.013-6.827-43.093 7.68-15.36 7.68-33.28 0-48.213-7.253-14.507-4.693-32 6.827-43.093 11.947-12.373 17.493-29.013 14.933-46.080-2.56-15.787 5.547-31.573 19.627-38.827 14.933-8.107 25.6-22.613 28.587-39.253 2.56-15.787 14.933-28.16 30.72-30.72 16.64-2.987 31.147-13.653 39.253-28.587 7.253-14.080 23.040-22.187 38.827-19.627 16.64 2.56 33.707-2.987 46.080-14.933 11.52-11.52 29.013-14.080 43.093-6.827 15.36 7.68 33.28 7.68 48.213 0 14.507-7.253 31.573-4.693 43.093 6.827 12.373 11.947 29.013 17.493 46.080 14.933 15.787-2.56 31.573 5.547 38.827 19.627v0zM509.44 480.853c-101.12 0-183.467 81.92-183.467 183.467 0 101.12 81.92 183.467 183.467 183.467s183.467-81.92 183.467-183.467v0c0-101.12-81.92-183.467-183.467-183.467zM292.267 372.48l-66.987-380.16 168.533 25.173 149.76-81.067 66.56 378.453c-109.227-32-227.413-10.667-318.293 57.6v0zM722.773 369.92c-16.64-12.373-34.56-23.040-53.333-32l-40.107-228.267 181.76 98.56-87.893 162.133z" />
 <glyph unicode="&#xe916;" glyph-name="star" d="M512 960l139.093-391.253h372.907l-304.213-229.547 108.8-403.2-316.16 241.493-316.16-241.493 108.8 403.2-305.067 229.547h372.907l139.093 391.253z" />
+<glyph unicode="&#xe917;" glyph-name="dots-three-horizontal" d="M512 570.453c-67.413 0-122.453-54.613-122.453-122.453s54.613-122.453 122.453-122.453 122.453 54.613 122.453 122.453c0 67.413-55.040 122.453-122.453 122.453zM122.453 570.453c-67.84 0-122.453-55.040-122.453-122.453s54.613-122.453 122.453-122.453 122.453 54.613 122.453 122.453v0c0 67.413-55.040 122.453-122.453 122.453zM901.547 570.453c-67.413 0-122.453-54.613-122.453-122.453 0-67.413 54.613-122.453 122.453-122.453 67.413 0 122.453 54.613 122.453 122.453v0c0 67.413-55.040 122.453-122.453 122.453z" />
 <glyph unicode="&#xe918;" glyph-name="tools" d="M159.147 608c47.787 37.12 87.893 11.52 140.8-49.92 5.973-6.827 14.080 1.28 18.773 5.12s74.667 66.987 78.080 69.973c4.693 2.987 5.973 8.96 2.987 13.653 0 0-0.427 0.853-0.853 1.28-5.547 6.4-25.173 32-38.4 49.067-93.013 121.173 254.293 203.947 200.96 205.227-27.307 0.853-136.107 2.133-152.32 0-66.133-6.827-148.907-68.693-190.293-97.28-28.16-18.347-54.187-38.827-78.507-62.293-15.36-13.653-2.56-44.373-30.293-69.12-29.44-26.027-48.213-6.4-65.28-21.333-8.533-7.68-32-25.173-38.827-31.147s-7.68-16.64-1.707-23.467c0 0 0-0.427 0.427-0.853 0 0 64.853-71.68 70.4-78.080 7.253-8.107 20.053-9.813 29.013-3.84 8.96 8.107 32.427 28.587 36.267 32s-2.56 44.373 18.347 60.587v0zM452.693 581.547c-4.267 5.973-12.373 7.253-18.347 3.413-0.853-0.427-1.28-1.28-2.133-1.707l-73.813-64.427c-5.973-5.547-6.4-14.507-1.28-20.48l426.24-485.12c9.813-11.52 27.307-12.8 38.4-2.56v0s49.92 41.813 49.92 41.813c11.52 10.24 12.8 27.307 2.56 38.827l-421.547 489.813zM1021.013 788.053c-3.84 25.173-17.067 20.053-23.893 9.387s-37.12-56.747-49.493-77.227c-12.8-31.573-49.067-46.507-80.213-33.28-7.253 2.987-13.653 7.253-19.2 12.373-58.88 41.813-38.4 70.827-28.16 90.453s42.24 75.093 46.507 81.92c3.84 6.827 1.28 14.933-5.12 18.773-4.267 2.56-9.387 2.56-13.653 0-18.347-8.533-129.707-52.48-145.067-116.053-15.787-64.427 13.227-122.453-43.52-179.627l-69.12-72.107 69.547-80.64 84.907 80.64c27.307 26.027 65.707 37.547 102.827 31.147 84.053-18.773 129.707 12.373 157.44 64.853 24.747 46.507 20.48 144.64 16.64 170.24v0zM138.667 85.333c-10.667-10.667-10.667-28.16 0-38.827l48.64-47.787c11.947-9.387 29.013-7.68 38.4 4.267 0 0 0 0 0 0l252.16 247.893-77.227 87.893-262.4-253.867z" />
 <glyph unicode="&#xe919;" glyph-name="truck" d="M1024 416l-128 256h-192v128c0 35.413-28.587 64-64 64h-576c-35.413 0-64-28.587-64-64v-512l64-64h81.067c-35.413-61.013-14.507-139.52 46.933-174.933s139.52-14.507 174.933 46.933c23.040 39.68 23.040 88.32 0 128h354.56c-35.413-61.013-14.507-139.52 46.933-174.933 61.013-35.413 139.52-14.507 174.933 46.933 23.040 39.68 23.040 88.32 0 128h81.067v192zM704 416v192h132.693l96-192h-228.693z" />
+<glyph unicode="&#xe91a;" glyph-name="dots-three-vertical" d="M512 570.453c-67.413 0-122.453-54.613-122.453-122.453s54.613-122.453 122.453-122.453 122.453 54.613 122.453 122.453c0 67.413-55.040 122.453-122.453 122.453zM512 715.093c67.413 0 122.453 54.613 122.453 122.453 0 67.413-54.613 122.453-122.453 122.453s-122.453-54.613-122.453-122.453v0c0-67.413 54.613-122.453 122.453-122.453zM512 180.907c-67.413 0-122.453-54.613-122.453-122.453s54.613-122.453 122.453-122.453 122.453 54.613 122.453 122.453c0 67.413-55.040 122.453-122.453 122.453z" />
+<glyph unicode="&#xe986;" glyph-name="search" d="M992.262 88.604l-242.552 206.294c-25.074 22.566-51.89 32.926-73.552 31.926 57.256 67.068 91.842 154.078 91.842 249.176 0 212.078-171.922 384-384 384-212.076 0-384-171.922-384-384s171.922-384 384-384c95.098 0 182.108 34.586 249.176 91.844-1-21.662 9.36-48.478 31.926-73.552l206.294-242.552c35.322-39.246 93.022-42.554 128.22-7.356s31.892 92.898-7.354 128.22zM384 320c-141.384 0-256 114.616-256 256s114.616 256 256 256 256-114.616 256-256-114.614-256-256-256z" />
+<glyph unicode="&#xe9ce;" glyph-name="eye" d="M512 768c-223.318 0-416.882-130.042-512-320 95.118-189.958 288.682-320 512-320 223.312 0 416.876 130.042 512 320-95.116 189.958-288.688 320-512 320zM764.45 598.296c60.162-38.374 111.142-89.774 149.434-150.296-38.292-60.522-89.274-111.922-149.436-150.296-75.594-48.218-162.89-73.704-252.448-73.704-89.56 0-176.858 25.486-252.452 73.704-60.158 38.372-111.138 89.772-149.432 150.296 38.292 60.524 89.274 111.924 149.434 150.296 3.918 2.5 7.876 4.922 11.86 7.3-9.96-27.328-15.41-56.822-15.41-87.596 0-141.382 114.616-256 256-256 141.382 0 256 114.618 256 256 0 30.774-5.452 60.268-15.408 87.598 3.978-2.378 7.938-4.802 11.858-7.302v0zM512 544c0-53.020-42.98-96-96-96s-96 42.98-96 96 42.98 96 96 96 96-42.982 96-96z" />
+<glyph unicode="&#xe9d1;" glyph-name="eye-blocked" d="M945.942 945.942c-18.746 18.744-49.136 18.744-67.882 0l-202.164-202.164c-51.938 15.754-106.948 24.222-163.896 24.222-223.318 0-416.882-130.042-512-320 41.122-82.124 100.648-153.040 173.022-207.096l-158.962-158.962c-18.746-18.746-18.746-49.136 0-67.882 9.372-9.374 21.656-14.060 33.94-14.060s24.568 4.686 33.942 14.058l864 864c18.744 18.746 18.744 49.138 0 67.884zM416 640c42.24 0 78.082-27.294 90.92-65.196l-121.724-121.724c-37.902 12.838-65.196 48.68-65.196 90.92 0 53.020 42.98 96 96 96zM110.116 448c38.292 60.524 89.274 111.924 149.434 150.296 3.918 2.5 7.876 4.922 11.862 7.3-9.962-27.328-15.412-56.822-15.412-87.596 0-54.89 17.286-105.738 46.7-147.418l-60.924-60.924c-52.446 36.842-97.202 83.882-131.66 138.342zM768 518c0 27.166-4.256 53.334-12.102 77.898l-321.808-321.808c24.568-7.842 50.742-12.090 77.91-12.090 141.382 0 256 114.618 256 256zM830.026 670.026l-69.362-69.362c1.264-0.786 2.53-1.568 3.786-2.368 60.162-38.374 111.142-89.774 149.434-150.296-38.292-60.522-89.274-111.922-149.436-150.296-75.594-48.218-162.89-73.704-252.448-73.704-38.664 0-76.902 4.76-113.962 14.040l-76.894-76.894c59.718-21.462 123.95-33.146 190.856-33.146 223.31 0 416.876 130.042 512 320-45.022 89.916-112.118 166.396-193.974 222.026z" />
+<glyph unicode="&#xe9d3;" glyph-name="bookmarks" d="M256 832v-896l320 320 320-320v896zM768 960h-640v-896l64 64v768h576z" />
+<glyph unicode="&#xea40;" glyph-name="arrow-left2" d="M402.746 82.746l-320 320c-24.994 24.992-24.994 65.516 0 90.51l320 320c24.994 24.992 65.516 24.992 90.51 0 24.994-24.994 24.994-65.516 0-90.51l-210.746-210.746h613.49c35.346 0 64-28.654 64-64s-28.654-64-64-64h-613.49l210.746-210.746c12.496-12.496 18.744-28.876 18.744-45.254s-6.248-32.758-18.744-45.254c-24.994-24.994-65.516-24.994-90.51 0z" />
 </font></defs></svg>

frontend/src/components/MainNav.vue

@@ -22,7 +22,7 @@ w-toolbar.mt6.py1(bottom fixed)
 </template>
 
 <script>
-// import '@mdi/font/css/materialdesignicons.min.css'
+import '@mdi/font/css/materialdesignicons.min.css'
 
 export default {
     name: 'MainNav',

frontend/src/components/PairsList.vue

@@ -13,13 +13,13 @@ section.pairs-list
 
                 w-menu( left v-model='showMenu')
                     template(#activator)
-                        w-button.mr3(@click='showMenu = !showMenu' icon="mdi mdi-dots-horizontal")
+                        w-button.mr3(@click='showMenu = !showMenu' icon="icon-dots-three-horizontal")
                     w-flex()
                         router-link(
                             :to='`/chat/${pair.profile.pid}`')
-                            w-button.mx2(@click='showMenu = false' bg-color="success" tile icon="mdi mdi-forum") Chat
-                        w-button.mx2(@click='showMenu = false' bg-color="info" tile icon="mdi mdi-calendar") Calendar
-                        w-button.mx2(@click='showMenu = false' bg-color="primary" icon="wi-cross")
+                            w-button.mx2(@click='showMenu = false' bg-color="success" tile icon="icon-chat") Chat
+                        w-button.mx2.icon-calendar(@click='showMenu = false' bg-color="info" tile icon="icon-calendar") Calendar
+                        w-button.mx2(@click='showMenu = false' bg-color="primary" icon="icon-cross")
 
     p(v-else) No {{ tabName }} profiles.
 </template>

frontend/src/components/ProfileCard.vue

@@ -14,7 +14,7 @@ w-card.profile-card-list--card.xs12
 
         template(v-if='!isList')
             w-button.text-upper.xs12.pa6(v-if='currentTab == 0 && isPaired')
-                w-icon.mr1(xl) mdi mdi-chat
+                w-icon.mr1.icon-chat(xl)
                 | start chat
 
             SummaryBar(
@@ -39,7 +39,7 @@ w-card.profile-card-list--card.xs12
             p {{ card.summary.about.tab }}
         PairingButton(@pair='onPair' @pass='onPass' v-if='!isPaired')
         w-button.text-upper.xs12.pa6(v-else-if='currentTab != 0')
-            w-icon.mr1(xl) mdi mdi-chat
+            w-icon.mr1.icon-chat(xl)
             | start chat
 </template>
 

frontend/src/components/SummaryBar.vue

@@ -52,7 +52,7 @@ section.w-flex.column.pb5
                 v-for='(item, index) in Object.keys(tabContent)'
             )
                 li.w-flex.row(v-if='item !== "about"')
-                    w-icon.mr1(xl) mdi mdi-heart
+                    w-icon.mr1.icon-compass(xl)
                     .w-flex.column.justify-start
                         p 
                             span {{ tabContent[item].matchPerc }}%

frontend/src/components/TopNav.vue

@@ -2,17 +2,17 @@
 w-toolbar.top-nav.w-flex.align-center.justify-between(top fixed)
     router-link.w-flex.column.no-grow(v-if="$route.params.pid" :to='`/`')
         w-button.pa4(bg-color='transparent')
-            w-icon.mr1(md) mdi mdi-arrow-left
+            w-icon.mr1.icon-arrow-left2(md)
     
     w-button.pa4(v-if="!$route.params.pid" bg-color='transparent' @click="$emit('on-open')")
-        w-icon.mr1(md) mdi mdi-cog
+        w-icon.mr1.icon-cog(md)
 
     router-link.w-flex.column(:to='`/`')
         p.text-upper.text-center {{$route.path}} {{$route.params}}
 
     router-link.w-flex.column.no-grow(v-if="!$route.params.pid" :to='`/search`')
         w-button.pa4(bg-color='transparent' disabled)
-            w-icon.mr1(md) mdi mdi-magnify
+            w-icon.mr1.icon-search(md)
                 //- p.text-upper settings
 </template>
 

frontend/src/components/onboarding/AccountType.vue

@@ -2,10 +2,10 @@
 w-card.w-flex.column
     p {Name}, let's get started on your profile while we verify your account
     w-button.search-type(@click='handleSubmit("Recruiter")')
-        w-icon.mr1 mdi mdi-account-multiple
+        w-icon.mr1.icon-people
         | CANDIDATES
     w-button.search-type(@click='handleSubmit("Jobseeker")')
-        w-icon.mr1 mdi mdi-bookmark-box-multiple
+        w-icon.mr1.icon-bokmarks
         | JOBS
 </template>
 

frontend/src/views/ChatView.vue

@@ -39,7 +39,7 @@ main.view--chat
     footer.w-flex.row
         w-input(@keyup.enter='sendMessage' outline v-model='toSend')
         w-button(@click='sendMessage')
-            w-icon mdi mdi-send
+            w-icon.icon-paper-plane
 
     MainNav
 </template>

frontend/src/views/LoginView.vue

@@ -3,8 +3,8 @@ main.view--login
 
     article.pa12
         form
-            w-input.mb4(label="User E-mail" tile outline v-model="form.profileId" inner-icon-left='mdi mdi-mail')
-            w-input(label="Password" type="password" tile outline inner-icon-left='mdi mdi-eye-off')
+            w-input.mb4(label="User E-mail" tile outline v-model="form.profileId" inner-icon-left='icon-envelope')
+            w-input(label="Password" type="password" tile outline inner-icon-left='icon-eye')
 
             //- Emit up an event so we can sync App pid with currentProfile.id
             w-button.xs12.mt12(@click="$emit('updatePid', form.profileId)" type="submit") submit

frontend/style.css

@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'icomoon';
-  src: url('assets/fonts/icomoon.eot?vz0t1r');
-  src: url('assets/fonts/icomoon.eot?vz0t1r#iefix') format('embedded-opentype'),
-    url('assets/fonts/icomoon.ttf?vz0t1r') format('truetype'),
-    url('assets/fonts/icomoon.woff?vz0t1r') format('woff'),
-    url('assets/fonts/icomoon.svg?vz0t1r#icomoon') format('svg');
+  src: url('assets/fonts/icomoon.eot?6rmrq3');
+  src: url('assets/fonts/icomoon.eot?6rmrq3#iefix') format('embedded-opentype'),
+    url('assets/fonts/icomoon.ttf?6rmrq3') format('truetype'),
+    url('assets/fonts/icomoon.woff?6rmrq3') format('woff'),
+    url('assets/fonts/icomoon.svg?6rmrq3#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -26,6 +26,18 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-cross:before {
+  content: "\e911";
+}
+
+.icon-dots-three-horizontal:before {
+  content: "\e917";
+}
+
+.icon-dots-three-vertical:before {
+  content: "\e91a";
+}
+
 .icon-address:before {
   content: "\e900";
 }
@@ -120,4 +132,24 @@
 
 .icon-truck:before {
   content: "\e919";
+}
+
+.icon-search:before {
+  content: "\e986";
+}
+
+.icon-eye:before {
+  content: "\e9ce";
+}
+
+.icon-eye-blocked:before {
+  content: "\e9d1";
+}
+
+.icon-bookmarks:before {
+  content: "\e9d3";
+}
+
+.icon-arrow-left2:before {
+  content: "\ea40";
 }