Как сделать вертикальное меню иконками?

Пытаюсь сделать боковое меню, делаю что то типо своей странички для помощи путешественникам, основная проблема у меня с подключением иконок ну и собственно расположением меню, не получается нормально позиционировать, буду рад любой помощи)

Что бы элементы появлялись в столбик один за одним добавлено свойство display:block, для иконок просто нужно cdn, его думаю можешь попробовать загуглить.

<div class="icon-bar">
<a
href="#"><i class="fa fa-comment-o">
<a
href="#"><i class="fa fa-search">
<a
href="#"><i class="fa fa-car">
<a
href="#"><i class="fa fa-bus">
<a
href="#"><i class="fa fa-bed">

.icon-bar {
width: 70px;
background-color: #555;
}
.
icon-bar a {
display: block;
text-align: center;
padding: 10px;
transition: all 0.2s ease;
color: white;
font-size: 36px;
}
.
icon-bar a:hover {
background-color: #000;
}