.ui-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: var(--ui-icon-sm);
    height: var(--ui-icon-sm);
    color: currentColor;
}

.ui-icon--xs { width: var(--ui-icon-xs); height: var(--ui-icon-xs); }
.ui-icon--md { width: var(--ui-icon-md); height: var(--ui-icon-md); }

.ui-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}