xeicon 색 지정은 어떻게 하는지 문의드립니다.

<div class="b_banner">
<table  cellspacing="0" align="center" width="100%">
    <tbody>
        <tr >
            <td height="50" width="33%" align="center" ><i class="xi-ringing  xi-fw"></i> <a href="tel:02-6284-8228">상담전화걸기</a></td>
            <td width="33%" align="center"><i class="xi-file-text xi-fw"></i> <a href="http://*****">간편상담요청</a></td>
            <td width="33%" align="center"><i class="xi-pen  xi-fw"></i> <a href="http://****">게시판문의</a></td>
        </tr>
    </tbody>
</table>
</div>

<스타일 부분 >

.b_banner {margin: 0 auto; background:#e1e1e1}
.b_banner a{font-size: 15px;text-decoration:none;color:#6e6e6e;}
.b_banner a:hover{text-decoration:underline;color:#f7951e background:#e1e1e1}
.b_banner a:focus{text-decoration:underline;color:#6e6e6e;}

이런 식으로 xeicon을 사용하게 되면 xe아이콘의 색상이 흰색으로 보여지는데 <i class="xi-pen  xi-fw"></i> <a href="****">게시판문의</a>에서 xeicon 색상 지정은 어떻게 하는지 문의합니다.