.icon-list {
    display: flex;
    align-items: flex-start;
}
.li-icon {
    position: relative;
    margin-top: 12px;
    float: left;
    padding-right: 20px;
    padding-left: 10px;
}
.icon {
    display: block;
    flex-shrink: 0;
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    color:blue;
}
.gatsbyjs {
    width: 2em;
    height: 2em;
    background: url(Gatsby-Monogram.svg);
}
.mapboxgl {
    width: 2em;
    height: 2em;
    background: url(MapBox.svg);
}
.powershell {
    width: 2em;
    height: 2em;
    background: url(powershell.svg);
}
.windows {
    width: 2em;
    height: 2em;
    background: url(windows-brands.svg);
}
.leetcode {
    width: 1em;
    height: 1em;
    background: url(leetcode-svgrepo-com.svg);
}