.icon {
display: block;
mask-size: contain;
mask-repeat: no-repeat;
background-color: currentColor;
}
.icon-search {
width: 20px;
height: 20px;
mask-image: url('data:image/svg+xml,');
}
.icon-eye {
width: 30px;
height: 30px;
mask-image: url('data:image/svg+xml,');
}
.icon-burger {
width: 32px;
height: 32px;
mask-image: url('data:image/svg+xml,');
}
.icon-at {
width: 20px;
height: 20px;
mask-image: url('data:image/svg+xml,');
}
.icon-house {
width: 20px;
height: 20px;
mask-image: url('data:image/svg+xml,');
}
.icon-laptop {
width: 20px;
height: 20px;
mask-image: url('data:image/svg+xml,');
}
.icon-briefcase {
width: 20px;
height: 20px;
mask-image: url('data:image/svg+xml,');
}
.icon-clipboard-check {
width: 20px;
height: 20px;
mask-image: url('data:image/svg+xml,');
}
.icon-ban {
width: 20px;
height: 20px;
mask-image: url('data:image/svg+xml,');
}
.icon-phone {
width: 20px;
height: 20px;
mask-image: url('data:image/svg+xml,');
}
.icon-message {
width: 22px;
height: 20px;
mask-image: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 10H9M14 6H9M18 15V3C18 2.46957 17.7893 1.96086 17.4142 1.58579C17.0391 1.21071 16.5304 1 16 1H3M3 1C3.53043 1 4.03914 1.21071 4.41421 1.58579C4.78929 1.96086 5 2.46957 5 3V17C5 17.5304 5.21071 18.0391 5.58579 18.4142C5.96086 18.7893 6.46957 19 7 19M3 1C2.46957 1 1.96086 1.21071 1.58579 1.58579C1.21071 1.96086 1 2.46957 1 3V5C1 5.26522 1.10536 5.51957 1.29289 5.70711C1.48043 5.89464 1.73478 6 2 6H5M7 19H19C19.5304 19 20.0391 18.7893 20.4142 18.4142C20.7893 18.0391 21 17.5304 21 17V16C21 15.7348 20.8946 15.4804 20.7071 15.2929C20.5196 15.1054 20.2652 15 20 15H10C9.73478 15 9.48043 15.1054 9.29289 15.2929C9.10536 15.4804 9 15.7348 9 16V17C9 17.5304 8.78929 18.0391 8.41421 18.4142C8.03914 18.7893 7.53043 19 7 19Z' stroke='%236A6A6A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}