.d-icon{
    width: 30px;
    aspect-ratio: 1;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    background-color: black;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.home-icon{
    mask-image: url("../icons/home-icon.svg");
}
.list-icon{
    mask-image: url("../icons/list-icon.svg");
}
.pen-icon{
    mask-image: url("../icons/pen-icon.svg");
}
.cloud-icon{
    mask-image: url("../icons/cloud-icon.svg");
}
.news-icon{
    mask-image: url("../icons/news-icon.svg");
}
.phone-icon{
    mask-image: url("../icons/phone-icon.svg");
}
.users-icon{
    mask-image: url("../icons/users-icon.svg");
}
.user-icon{
    mask-image: url("../icons/user-icon.svg");
}
.happy-face-icon-icon{
    mask-image: url("../icons/happy-face-icon.svg");
}
.calendar-icon{
    mask-image: url("../icons/calendar-icon.svg");
}
.location-icon{
    mask-image: url("../icons/location-icon.svg");
}
.eposta-icon{
    mask-image: url("../icons/eposta-icon.svg");
}
.teklif-icon{
    mask-image: url("../icons/teklif-icon.svg");
}
.services-icon{
    mask-image: url("../icons/services-icon.svg");
}
.picture-icon{
    mask-image: url("../icons/picture-icon.svg");
}
.projects-icon{
    mask-image: url("../icons/projects-icon.svg");
}