Pode ser adicionado uma nova fonte de ícones sem remover o padrão do Bootstrap (Glyphicons).
Para isso recomendo o Fontatisc ou o IcoMoon, onde é possivel gerar fontes personalizadas com CSS já pronto.
Caso já possua os arquivos de fonte de ícones (.eot,.ttf,.sv), adicione manualmente ao CSS
Importar fontes
@font-face {
font-family: 'FontePersonalizada';
src: url('../fonts/FontePersonalizada.eot');
src: url('../fonts/FontePersonalizada?#iefix') format('embedded-opentype'),
url('../fonts/FontePersonalizada.svg') format('svg'),
url('../fonts/FontePersonalizada.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
Nova classe base para os elementos de ícones
[class^="icone-personalizado-"]:before,
[class*=" icone-personalizado-"]:before {
font-family: "FontePersonalizada" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
Ícones
.icone-personalizado-cloud { content: "a"; }
Exemplo de utilização: <i class='icone-personalizado-cloud'></i>