如何让SVG图标处于颤动状态？

@keyframes shake {
    0% {
        transform: translate(0, 0);
    }
    10% {
        transform: translate(-2px, 0);
    }
    20% {
        transform: translate(2px, 0);
    }
    30% {
        transform: translate(-2px, 0);
    }
    40% {
        transform: translate(2px, 0);
    }
    50% {
        transform: translate(-2px, 0);
    }
    60% {
        transform: translate(2px, 0);
    }
    70% {
        transform: translate(-2px, 0);
    }
    80% {
        transform: translate(2px, 0);
    }
    90% {
        transform: translate(-2px, 0);
    }
    100% {
        transform: translate(0, 0);
    }
}

.icon {
    animation: shake 0.5s infinite;
}