.icon-spacer {
    /* 1. Define the height variable */
    --element-height: 2rem;
    
    /* 2. Divide the height variable by 4 */
    transform: translateY(calc(var(--element-height) / 4));
    
    /* Apply the variable to the height property */
    height: var(--element-height);

    display: inline-block;
    aspect-ratio: 1 / 1;
    margin-right: calc(var(--element-height) / 4);
    background-image: url('http://www.virtualthinking.com/images/favicon.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}