.fas,
.far,
.fab {
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    vertical-align: -0.125em;
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask: var(--icon-mask) center / contain no-repeat;
    mask: var(--icon-mask) center / contain no-repeat;
}

.fa-vote-yea {
    --icon-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M4 4h12v16H4z"/><path d="M9.5 15.5 6.8 12.8l1.4-1.4 1.3 1.3 4.3-4.3 1.4 1.4z" fill="white"/><path d="M18 8h2v10h-2zM20 10h2v8h-2z"/></svg>');
}

.fa-arrow-right {
    --icon-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13"/><path d="m13 6 6 6-6 6"/></svg>');
}

.fa-star {
    --icon-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="m12 2.6 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2L12 16.8 6.4 19.8l1.1-6.2L3 9.2l6.2-.9z"/></svg>');
}

.fa-video {
    --icon-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M3 6.5A2.5 2.5 0 0 1 5.5 4h9A2.5 2.5 0 0 1 17 6.5v11a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 3 17.5z"/><path d="M18 9.2 22 6.8v10.4L18 14.8z"/></svg>');
}

.fa-play-circle {
    --icon-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20z"/><path d="m10 8 6 4-6 4z" fill="white"/></svg>');
}

.fa-cube {
    --icon-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="m12 2 8 4.5v11L12 22 4 17.5v-11zm0 2.3L6.2 7.5 12 10.7l5.8-3.2zM6 9.3v7l5 2.8v-7zm12 0-5 2.8v7l5-2.8z"/></svg>');
}

.fa-upload,
.fa-cloud-upload-alt {
    --icon-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M7 18a4 4 0 0 1-.3-8 5.8 5.8 0 0 1 11-1.3A4.5 4.5 0 1 1 18.5 18z"/><path d="M11 16V9.8L8.8 12 7.4 10.6 12 6l4.6 4.6-1.4 1.4-2.2-2.2V16z" fill="white"/></svg>');
}

.fa-sort-amount-down-alt,
.fa-list-ol {
    --icon-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M4 5h2v2H4zm0 6h2v2H4zm0 6h2v2H4z"/><path d="M9 6h11v2H9zm0 6h8v2H9zm0 6h5v2H9z"/></svg>');
}

.fa-trash {
    --icon-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M9 3h6l1 2h4v2H4V5h4z"/><path d="M6 8h12l-1 12H7z"/></svg>');
}

.fa-image {
    --icon-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M4 5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2 12 3.5-4.5 2.8 3.4 2.2-2.9L18 17z"/><circle cx="9" cy="9" r="2"/></svg>');
}

.fa-sort {
    --icon-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="m12 5 4 4H8z"/><path d="m12 19-4-4h8z"/></svg>');
}

.fa-sort-up {
    --icon-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="m12 6 5 6H7z"/></svg>');
}

.fa-sort-down {
    --icon-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="m12 18-5-6h10z"/></svg>');
}

.fa-plus {
    --icon-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M11 5h2v14h-2z"/><path d="M5 11h14v2H5z"/></svg>');
}

.fa-copy {
    --icon-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M8 8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2z"/><path d="M4 14V6a2 2 0 0 1 2-2h8v2H6v8z"/></svg>');
}
