$icons: (
  "laptop-code": (
    "symbol": "\f5fc",
    "font": "fas",
  ),
  "camera": (
    "symbol": "\f030",
    "font": "fas",
  ),
  "newspaper": (
    "symbol": "\f1ea",
    "font": "far",
  ),
  "feather": (
    "symbol": "\f52d",
    "font": "fas",
  ),
  "id-card": (
    "symbol": "\f2c2",
    "font": "far",
  ),
  "link": (
    "symbol": "\f0c1",
    "font": "fas",
  ),
  "hashtag": (
    "symbol": "\f292",
    "font": "fas",
  ),
  "file": (
    "symbol": "\f15b",
    "font": "far",
  ),
  "file-alt": (
    "symbol": "\f15c",
    "font": "far",
  ),
  "bookmark": (
    "symbol": "\f02e",
    "font": "far",
  ),
  "calendar-alt": (
    "symbol": "\f073",
    "font": "far",
  ),
  "home": (
    "symbol": "\f015",
    "font": "fas",
  ),
  "leaf": (
    "symbol": "\f06c",
    "font": "fas",
  ),
  "users": (
    "symbol": "\f0c0",
    "font": "fas",
  ),
  "folder-open": (
    "symbol": "\f07c",
    "font": "far",
  ),
  "folder-open-black": (
    "symbol": "\f07c",
    "font": "fas",
  ),
  "star-of-life": (
    "symbol": "\f621",
    "font": "fas",
  ),
  "tag": (
    "symbol": "\f02b",
    "font": "fas",
  ),
  "rss-square": (
    "symbol": "\f143",
    "font": "fas",
  ),
  "envelope": (
    "symbol": "\f0e0",
    "font": "far",
  ),
  "keyboard": (
    "symbol": "\f11c",
    "font": "far",
  ),
  "map-marked-alt": (
    "symbol": "\f5a0",
    "font": "fas",
  ),
  "vk": (
    "symbol": "\f189",
    "font": "fab",
  ),
  "twitter": (
    "symbol": "\f099",
    "font": "fab",
  ),
  "facebook-f": (
    "symbol": "\f39e",
    "font": "fab",
  ),
  "github": (
    "symbol": "\f09b",
    "font": "fab",
  ),
  "instagram": (
    "symbol": "\f16d",
    "font": "fab",
  ),
  "linkedin": (
    "symbol": "\f08c",
    "font": "fab",
  ),
  "bullhorn": (
    "symbol": "\f0a1",
    "font": "fas",
  ),
  "icons": (
    "symbol": "\f86d",
    "font": "fas",
  ),
  "dove": (
    "symbol": "\f4ba",
    "font": "fas",
  ),
  "yin-yang": (
    "symbol": "\f6ad",
    "font": "fas",
  ),
  "globe": (
    "symbol": "\f0ac",
    "font": "fas",
  ),
  "brain": (
    "symbol": "\f5dc",
    "font": "fas",
  ),
  "gem": (
    "symbol": "\f3a5",
    "font": "far",
  ),
  "magic": (
    "symbol": "\f0d0",
    "font": "fas",
  ),
  "photo-video": (
    "symbol": "\f87c",
    "font": "fas",
  ),
  "microchip": (
    "symbol": "\f2db",
    "font": "fas",
  ),
  "linux": (
    "symbol": "\f17c",
    "font": "fab",
  ),
  "book": (
    "symbol": "\f02d",
    "font": "fas",
  ),
  "book-open": (
    "symbol": "\f518",
    "font": "fas",
  ),
  "university": (
    "symbol": "\f19c",
    "font": "fas",
  ),
  "rust": (
    "symbol": "\e07a",
    "font": "fab",
  ),
  "biohazard": (
    "symbol": "\f780",
    "font": "fas",
  ),
  "server": (
    "symbol": "\f233",
    "font": "fas",
  ),
  "feather-alt": (
    "symbol": "\f56b",
    "font": "fas",
  ),
  "star": (
    "symbol": "\f005",
    "font": "far",
  ),
  "comment-dots": (
    "symbol": "\f4ad",
    "font": "far",
  ),
  "comments": (
    "symbol": "\f086",
    "font": "far",
  ),
  "comment": (
    "symbol": "\f075",
    "font": "far",
  ),
  "share-alt": (
    "symbol": "\f1e0",
    "font": "fas",
  ),
  "language": (
    "symbol": "\f1ab",
    "font": "fas",
  ),
  "copy": (
    "symbol": "\f0c5",
    "font": "fas",
  ),
  "square" : (
    "symbol": "\f0c8",
    "font": "far",
  ),
  "check-square": (
    "symbol": "\f14a",
    "font": "far",
  ),
  "youtube": (
    "symbol": "\f167",
    "font": "fab",
  ),
);

@each $name, $data in $icons {
  .fa-li-include-#{$name} {
    content: "#{map-get($data, "symbol")} ";
    @extend .#{map-get($data, "font")};
  }

  .fa-icon-#{$name} {
    &::before {
      content: "#{map-get($data, "symbol")} ";
      @extend .#{map-get($data, "font")};
    }
  }
  li.fa-icon-li-#{$name} {
    &::marker {
      content: "#{map-get($data, "symbol")} ";
      @extend .#{map-get($data, "font")};
    }
  }
}

.fa-icon-youtube {
  &::before {
    color: red;
    vertical-align: -5%;
  }
}

@mixin icon-fix {
  @each $name, $data in $icons {
    li.fa-icon-li-#{$name} {
      &::marker {
        content: "#{map-get($data, "symbol")} ";
        @extend .#{map-get($data, "font")};
      }
    }
  }
}

// почему-то цветная векторная иконка не находится для Rust
$img-icons: (
  "inaturalist": url(/assets/img/ico/inaturalist.svg),
  "gbif": url(/assets/img/ico/gbif.svg),
  "rust": url(/assets/img/ico/rust.png),
  "ruby": url(/assets/img/ico/ruby.svg),
  "csharp": url(/assets/img/ico/csharp.svg),
  "gentoo": url(/assets/img/ico/gentoo.svg),
  "kde": url(/assets/img/ico/kde.svg),
  "linux-mint": url(/assets/img/ico/linux-mint.svg),
  "kde-neon": url(/assets/img/ico/kde-neon.svg),
  "camera": url(/assets/img/ico/camera.svg),
  "gmail": url(/assets/img/ico/gmail.svg),
  "jekyll": url(/assets/img/ico/jekyll.svg),
  "instagram": url(/assets/img/ico/instagram.svg),
  "github": url(/assets/img/ico/github.svg),
  "darktable": url(/assets/img/ico/darktable.png),
  "hugin": url(/assets/img/ico/hugin.svg),
  "luminance-hdr": url(/assets/img/ico/luminance-hdr.png),
  "imagemagick": url(/assets/img/ico/imagemagick.png),
  "staticman": url(/assets/img/ico/staticman.svg),
  "heroku": url(/assets/img/ico/heroku.svg),
  "gitlab": url(/assets/img/ico/gitlab.svg),
  "git": url(/assets/img/ico/git.svg),
  "html5": url(/assets/img/ico/html5.svg),
  "css3": url(/assets/img/ico/css3.svg),
  "javascript": url(/assets/img/ico/javascript.svg),
  "paratype": url(/assets/img/ico/paratype.png),
  "fa": url(/assets/img/ico/fontawesome.svg),
  "gf": url(/assets/img/ico/google-fonts.svg),
  "yoomoney": url(/assets/img/ico/yoomoney.png),
  "gce": url(/assets/img/ico/gce.png),
  "analytics": url(/assets/img/ico/analytics.svg),
  "metrica": url(/assets/img/ico/metrika.svg),
  "metrika": url(/assets/img/ico/metrika.svg),
  "liquid": url(/assets/img/ico/liquid.png),
  "wikipedia": url(/assets/img/ico/wikipedia.svg),
  "locus-map": url(/assets/img/ico/locus-map.png),
  "kdeconnect": url(/assets/img/ico/kdeconnect.svg),
  "gpxlab": url(/assets/img/ico/gpxlab.png),
  "gpsbabel": url(/assets/img/ico/gpsbabel.png),
  "phil-harvey": url(/assets/img/ico/phil-harvey.svg),
  "hugin-ru": url(/assets/img/ico/hugin-ru.svg),
  "giscus": url(/assets/img/ico/giscus.svg),
  "webmaster": url(/assets/img/ico/webmaster.svg),
  "gnome": url(/assets/img/ico/gnome.svg),
  "xfce": url(/assets/img/ico/xfce.svg),
  "kontact": url(/assets/img/ico/kontact.svg),
  "kopete": url(/assets/img/ico/kopete.svg),
  "konqueror": url(/assets/img/ico/konqueror.svg),
  "dolphin": url(/assets/img/ico/dolphin.svg),
  "kate": url(/assets/img/ico/kate.svg),
  "cinnamon": url(/assets/img/ico/cinnamon.svg),
  "mate": url(/assets/img/ico/mate.svg),
  "lxqt": url(/assets/img/ico/lxqt.png),
  "merlin-bird": url(/assets/img/ico/merlin-bird.png),
  "kwave": url(/assets/img/ico/kwave.svg),
  "soundkonverter": url(/assets/img/ico/soundkonverter.png),
);

@each $name, $url in $img-icons {
  .img-icon-#{$name} {
    &::before {
      content: "";
      background-image: $url;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      display: inline-block;
      width: 1em;
      height: 1em;
      vertical-align: -12%;
      margin-right: 0.2em;
    }

    white-space: nowrap;

    span {
      white-space: normal;
    }
  }
}

.img-icon-jekyll {
  &::before {
    width: 0.5em;
  }
}

.img-icon-staticman {
  &::before {
    width: 1.5em;
  }
}

.img-icon-javascript {
  &::before {
    vertical-align: -7%;
  }
}

.img-icon-gnome {
  &::before {
    width: 0.7em;
  }
}

.img-icon-kopete {
  &::before {
    vertical-align: -15%;
  }
}

.img-icon-merlin-bird {
  &::before {
    width: 1.5em;
  }
}

.img-icon-kwave {
  &::before {
    width: 1.2em;
  }
}