The render engine of profile pages automatically arranges embedded images in a row when the sum of the embedded images width is less than 616px. So if you want to have 4 icons or images arranged in a row on your profile, - assuming all of your images/icons will have the same width - each image width should be less than 616 / 4 = 154px.
If want your layout to be similar to soundroll’s, like if you want white spaces between icons or something like that, you’ll need to take some pixels at the right or left of each icon and keep them blank/transparent (I’d say 6-12 pixels would be perfect). So that the width of the visible part + the width of the transparent part should be equal to 154px.
Now you’re almost there, upload your icons somewhere online, and just embed them in the order you designed them.
I hope that helps 