how to evenly space icons in a div css

<style>
    .menu { display: flex; justify-content: space-between; }
</style>

.test {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}
.test > div {
    margin-top: 10px;
    padding: 20px;
    background-color: #FF0000;
}