Encontre os ícones Glyphicons Halflings do Bootstrap 3 e consulte suas classes CSS. Use as classes glyphicon indicadas em interfaces feitas com Bootstrap 3.
Funciona localmente no seu navegadorGlyphicons Halflings para Bootstrap 3
A página lista as 263 classes do Glyphicons Halflings incluídas no Bootstrap 3.3.7, cada uma com seu símbolo e a string de classe exata para copiar, por exemplo glyphicon glyphicon-search. As classes foram conferidas uma a uma com a folha de estilos oficial do Bootstrap 3.3.7: o conjunto está completo, mantém a mesma ordem e cada cartão mostra a mesma string do seu atributo class.
Digite parte de um nome na caixa de busca para reduzir a grade e clique em um cartão para copiar a classe. A lista é uma referência estática que faz parte da página: a busca e a cópia acontecem na aba e não enviam nada.
O conjunto completo do Glyphicons Halflings do Bootstrap 3.3.7: 263 classes cobrindo setas, controles de mídia, formulários, arquivos, gráficos e símbolos de marcas. Quatro glifos são compartilhados por nomes alias — euro/eur, yen/jpy, ruble/rub e bitcoin/btc/xbt — então as 263 classes desenham 258 símbolos distintos.
Cada item mostra o símbolo acima da string de classe exatamente como ela deve ser escrita no atributo class: a classe base glyphicon mais o nome específico, por exemplo glyphicon glyphicon-arrow-left.
O Glyphicons Halflings veio apenas com o Bootstrap 3. O Bootstrap 4 removeu a fonte e o Bootstrap 5 recomenda o projeto separado Bootstrap Icons (classes bi-*), portanto estes nomes não existem nas versões mais novas.
Os símbolos são uma fonte, não imagens: a folha de estilos carrega glyphicons-halflings-regular.woff2/.woff/.ttf de /static/style/fonts/. O navegador percorre os formatos disponíveis, por isso os ícones ficam nítidos em qualquer tamanho e podem ser coloridos com color como o texto.
A busca compara com a string de classe: arrow encontra todas as flechas e glyphicon-user encontra o único ícone de usuário. O contador informa as linhas visíveis e, quando não há resultado, avisa em vez de mostrar uma grade vazia.
Copiar coloca a string completa na área de transferência sem alterar o código da página, e o destaque escuro confirma qual cartão foi copiado. A lista em si não muda: a referência é estática e continua funcionando do cache ou offline.