@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?59cszg');
  src:  url('fonts/icomoon.eot?59cszg#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?59cszg') format('truetype'),
    url('fonts/icomoon.woff?59cszg') format('woff'),
    url('fonts/icomoon.svg?59cszg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-down-triagle:before {
  content: "\e931";
}
.icon-android:before {
  content: "\e930";
}
.icon-figma .path1:before {
  content: "\2700";
  color: rgb(36, 203, 113);
}
.icon-figma .path2:before {
  content: "\2701";
  margin-left: -0.6484375em;
  color: rgb(255, 114, 55);
}
.icon-figma .path3:before {
  content: "\2702";
  margin-left: -0.6484375em;
  color: rgb(0, 182, 255);
}
.icon-figma .path4:before {
  content: "\2703";
  margin-left: -0.6484375em;
  color: rgb(255, 55, 55);
}
.icon-figma .path5:before {
  content: "\2704";
  margin-left: -0.6484375em;
  color: rgb(135, 79, 255);
}
.icon-magento:before {
  content: "\e921";
  color: #ee672f;
}
.icon-apple:before {
  content: "\e92e";
}
.icon-framer:before {
  content: "\e92d";
  color: #05f;
}
.icon-kubernetes:before {
  content: "\e92c";
  color: #326ce5;
}
.icon-pytorch:before {
  content: "\e92b";
  color: #ee4c2c;
}
.icon-tensorflow:before {
  content: "\e92a";
  color: #ff6f00;
}
.icon-kafka:before {
  content: "\e929";
}
.icon-cloudflare:before {
  content: "\e924";
  color: #f38020;
}
.icon-digitalocean:before {
  content: "\e925";
  color: #0080ff;
}
.icon-redis:before {
  content: "\e926";
  color: #d82c20;
}
.icon-oracle:before {
  content: "\e927";
  color: #f80000;
}
.icon-mysql:before {
  content: "\e928";
  color: #4479a1;
}
.icon-redux:before {
  content: "\e923";
  color: #764abc;
}
.icon-android1:before {
  content: "\e922";
  color: #3ddc84;
}
.icon-wordpress:before {
  content: "\e920";
  color: #21759b;
}
.icon-shopify:before {
  content: "\e91f";
  color: #7ab55c;
}
.icon-typescript:before {
  content: "\e91e";
  color: #007acc;
}
.icon-postgresql:before {
  content: "\e91d";
  color: #336791;
}
.icon-python:before {
  content: "\e91c";
  color: #3776ab;
}
.icon-azure:before {
  content: "\e92f";
  color: #0089d6;
}
.icon-git:before {
  content: "\e918";
  color: #f05032;
}
.icon-github:before {
  content: "\e919";
}
.icon-gitlab:before {
  content: "\e91a";
  color: #fca121;
}
.icon-amazonaws:before {
  content: "\e91b";
}
.icon-xd:before {
  content: "\e90b";
  color: #ff2bc2;
}
.icon-ps:before {
  content: "\e90c";
  color: #00c8ff;
}
.icon-ai:before {
  content: "\e90d";
  color: #ff7c00;
}
.icon-adobe:before {
  content: "\e90e";
  color: #f00;
}
.icon-java:before {
  content: "\e90f";
  color: #007396;
}
.icon-firebase:before {
  content: "\e910";
  color: #ffca28;
}
.icon-mongodb:before {
  content: "\e911";
  color: #47a248;
}
.icon-flask:before {
  content: "\e912";
}
.icon-angular:before {
  content: "\e913";
  color: #dd0031;
}
.icon-javascript:before {
  content: "\e914";
  color: #f7df1e;
}
.icon-tailwind:before {
  content: "\e915";
  color: #38b2ac;
}
.icon-css:before {
  content: "\e916";
  color: #1572b6;
}
.icon-html:before {
  content: "\e917";
  color: #e34f26;
}
.icon-dart:before {
  content: "\e900";
  color: #0175c2;
}
.icon-docker:before {
  content: "\e901";
  color: #1488c6;
}
.icon-php:before {
  content: "\e902";
  color: #777bb4;
}
.icon-kotlin:before {
  content: "\e903";
  color: #0095d5;
}
.icon-swift:before {
  content: "\e904";
  color: #fa7343;
}
.icon-nextjs:before {
  content: "\e905";
}
.icon-vuejs:before {
  content: "\e906";
  color: #4fc08d;
}
.icon-laravel:before {
  content: "\e907";
  color: #ff2d20;
}
.icon-nodejs:before {
  content: "\e908";
  color: #393;
}
.icon-react:before {
  content: "\e909";
  color: #61dafb;
}
.icon-flutter:before {
  content: "\e90a";
  color: #02569b;
}