Allora ho trovato questo, ma ci sono altri modi ovviamente
codice:
div {
  text-align: center;
}

span {
  display: inline-block;
  vertical-align: middle;
}

.outer-line {
  width: 40%;
  border-bottom: 1px solid red;
}
codice HTML:
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"/>
<div>
  <span class="outer-line"></span>
  <span class="fa fa-rebel" aria-hidden="true" style="margin:10px 0"></span>
  <span class="outer-line"></span>
</div>
Ho inserito tre icone in fila con il rispettivo link ma la linea non mi arriva al 100% del div e vorrei avere più spazio tra le icone.