.icon {
    width: var(--icon-size, 20px);
    height: var(--icon-size, 20px);
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    color: currentColor;
    line-height: 0;
}

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

.icon .ui-icon {
    fill: currentColor;
    stroke: none;
}

.icon .ui-icon-x {
    fill: none;
    stroke: currentColor;
}

.ui-icon-menu {
    width: 20px;
    height: 14px;
    display: grid;
    gap: 4px;
}

.ui-icon-menu span {
    display: block;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
}