diff --git a/app/controllers/admin/edicao_lancamentos_controller.rb b/app/controllers/admin/edicao_lancamentos_controller.rb
index fa70edc..8cefe0e 100644
--- a/app/controllers/admin/edicao_lancamentos_controller.rb
+++ b/app/controllers/admin/edicao_lancamentos_controller.rb
@@ -32,8 +32,10 @@ class Admin::EdicaoLancamentosController < ApplicationController
     entrega = Entrega.por_nf(nf).first
     return render_erro("NF #{nf} não encontrada na base de rastreio.") if entrega.nil?
 
-    id     = client.resolver_id(entrega)
-    visita = client.visita(id)
+    id      = client.resolver_id(entrega)
+    visita  = client.visita(id)
+    # Segunda fonte de imagens (POD). Não é obrigatória: se falhar, vem {}.
+    detalhe = client.detalhe_visita(id)
 
     render json: {
       ok: true,
@@ -52,11 +54,9 @@ class Admin::EdicaoLancamentosController < ApplicationController
         planned_date:        visita['planned_date'],
         contato:             visita['contact_name'],
         telefone:            visita['contact_phone'],
-        # Fotos do card: fachada vem do rastreio (mesma foto do mapa de operações);
-        # pictures/assinatura vêm da API. Só URLs http(s) chegam ao <img>.
-        foto_fachada:        url_imagem(entrega.try(:foto_da_fachada)),
-        pictures:            Array(visita['pictures']).filter_map { |u| url_imagem(u) },
-        signature:           url_imagem(visita['signature']),
+        # Galeria unificada — TODAS as fotos do lançamento, de todas as fontes,
+        # cada uma etiquetada para o ADM saber o que está conferindo.
+        fotos:               fotos_do_lancamento(entrega, visita, detalhe),
         motorista:           entrega.driver,
         veiculo:             entrega.vehicle
       },
@@ -218,6 +218,54 @@ class Admin::EdicaoLancamentosController < ApplicationController
     url.match?(%r{\Ahttps?://}i) ? url : nil
   end
 
+  # Campos de foto customizados do SimpliRoute (extra_field_values). É AQUI que
+  # ficam as fotos reais tiradas pelo motorista — o array `pictures` só traz uma
+  # imagem genérica. Mapa: campo da API => [rótulo p/ o ADM, categoria de cor].
+  # Campos fora deste mapa ainda aparecem (rótulo derivado do nome do campo).
+  FOTOS_EXTRA = {
+    'foto_prova_visita' => ['Prova da visita', 'prova'],
+    'foto_nf'           => ['Nota Fiscal',     'nf'],
+    'foto_termo'        => ['Termo',           'termo'],
+    'foto_relatorio2'   => ['Relatório',       'relatorio']
+  }.freeze
+
+  # Reúne TODAS as imagens do lançamento numa lista única e etiquetada:
+  #   1. espelho de rastreio  -> foto da fachada (mesma do mapa de operações)
+  #   2. extra_field_values   -> fotos reais do motorista (foto_nf, prova, etc.)
+  #   3. pictures[]/signature -> imagens genéricas + assinatura
+  #
+  # A mesma foto pode vir de mais de uma fonte, então deduplica por URL mantendo
+  # a primeira etiqueta (a ordem abaixo é a mais informativa).
+  def fotos_do_lancamento(entrega, visita, detalhe)
+    brutas = []
+    brutas << [entrega.try(:foto_da_fachada), 'Fachada', 'fachada', 'Rastreio']
+
+    # Fotos customizadas — o /detail/ é a fonte mais completa; cai p/ a visita.
+    extras = detalhe['extra_field_values'].presence || visita['extra_field_values'] || {}
+    extras.each do |campo, valor|
+      rotulo, cat = FOTOS_EXTRA[campo] || [rotulo_do_campo(campo), 'extra']
+      brutas << [valor, rotulo, cat, 'SimpliRoute']
+    end
+
+    [[visita, 'Visita'], [detalhe, 'Comprovante']].each do |fonte, origem|
+      Array(fonte['pictures']).each { |u| brutas << [u, 'Comprovante', 'entrega', origem] }
+      brutas << [fonte['signature'], 'Assinatura', 'assinatura', origem]
+    end
+
+    vistas = Set.new
+    brutas.filter_map do |valor, rotulo, cat, origem|
+      url = url_imagem(valor)
+      next if url.nil? || !vistas.add?(url)
+
+      { url: url, rotulo: rotulo, cat: cat, origem: origem }
+    end
+  end
+
+  # "foto_relatorio2" -> "Relatorio2". Fallback p/ campos de foto não mapeados.
+  def rotulo_do_campo(campo)
+    campo.to_s.sub(/\Afoto_?/, '').tr('_', ' ').strip.capitalize.presence || campo.to_s
+  end
+
   # Sem token não há o que fazer — avisa e volta.
   def garantir_configurado
     return if SimpliRoute.configurado?
diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb
index a3c0faa..1efbf3d 100644
--- a/app/helpers/application_helper.rb
+++ b/app/helpers/application_helper.rb
@@ -2,19 +2,117 @@
 module ApplicationHelper
   include Pagy::Frontend
 
+  # ---------------------------------------------------------------------------
+  # Ícones
+  #
+  # Substituem os emojis antigos (que davam aparência "genérica de IA" e variavam
+  # de forma/cor conforme o sistema operacional). Agora são SVG chapados vindos do
+  # sprite em public/icons.svg (subset do Bootstrap Icons, licença MIT).
+  #
+  # O SVG usa `currentColor`, então a cor vem da classe CSS:
+  #   - padrão              → laranja da marca (#f97316)
+  #   - ícones de status    → passe `cor:` para preservar a leitura semântica
+  #                           (ex.: icone(:sucesso, cor: "text-green-400"))
+  # ---------------------------------------------------------------------------
+
+  # Nome semântico (pt-BR) → id do símbolo no sprite.
+  ICONES = {
+    # Navegação
+    dashboard: "bar-chart-fill",   operacoes: "graph-up-arrow",  consolidacoes: "box-seam-fill",
+    arquivadas: "folder-fill",     painel: "house-fill",         usuarios: "people-fill",
+    configuracoes: "gear-fill",    auditoria: "search",          planilha: "box-arrow-in-down",
+    editar_lancamento: "pencil-fill", sair: "box-arrow-right",   menu: "list",
+    # Domínio
+    caminhao: "truck",             veiculo: "car-front-fill",    motorista: "person-badge-fill",
+    dinheiro: "cash-coin",         pagamento: "cash-stack",      custo: "cash",
+    consolidado_pago: "briefcase-fill", calendario: "calendar-event", nota_fiscal: "receipt",
+    documento: "file-earmark-text-fill", termo_especial: "clipboard-data-fill",
+    apontamento: "pencil-square",  local: "geo-alt-fill",        operacao: "hospital-fill",
+    retirada: "box-seam-fill",     desconto: "exclamation-triangle-fill",
+    global: "globe2",              comparar: "arrow-left-right", pessoa: "person-fill",
+    ticket: "ticket-perforated-fill", tag: "tag-fill",           composicao: "puzzle-fill",
+    ranking: "trophy-fill",        historico: "clock-history",   relogio: "clock-fill",
+    parcial: "hourglass-split",    diario: "journal-text",       vazio: "inbox",
+    dica: "lightbulb-fill",        bonus: "star-fill",           extraordinaria: "stars",
+    calor: "fire",                 foto: "camera-fill",          mapa: "map-fill",
+    satelite: "broadcast-pin",     escuro: "moon-fill",          tela_cheia: "arrows-fullscreen",
+    email: "envelope-fill",        telefone: "telephone-fill",   chave: "key-fill",
+    # Ações
+    adicionar: "plus-lg",          fechar: "x-lg",               confirmar: "check-lg",
+    buscar: "search",              editar: "pencil-fill",        excluir: "trash-fill",
+    arquivar: "archive-fill",      restaurar: "arrow-clockwise", salvar: "floppy-fill",
+    imprimir: "printer-fill",      visualizar: "eye-fill",       baixar: "download",
+    pasta: "folder2-open",         travado: "lock-fill",         destravado: "unlock-fill",
+    expandir: "chevron-down",      recolher: "chevron-left",
+    voltar: "arrow-left",          avancar: "arrow-right",       estornar: "arrow-counterclockwise",
+    # Status (use sempre com `cor:` semântica)
+    sucesso: "check-circle-fill",  alerta: "exclamation-triangle-fill",
+    erro: "x-circle-fill",         desconhecido: "question-circle",
+    cancelado: "slash-circle",     ponto: "circle-fill",         ponto_vazio: "circle"
+  }.freeze
+
+  # Renderiza um ícone do sprite.
+  #
+  #   icone(:caminhao)                          # laranja da marca
+  #   icone(:sucesso, cor: "text-green-400")    # status verde
+  #   icone(:fechar, cor: nil)                  # herda a cor do elemento pai
+  #   icone(:dashboard, titulo: "Painel")       # acessível (vira role="img")
+  #   icone(:fechar, espaco: false)             # sem margem (ícone sozinho/centralizado)
+  #
+  # ATENÇÃO — contraste: em fundo LARANJA (bg-orange-*, bg-[#f97316]) o laranja
+  # padrão fica invisível. Nesses casos passe `cor: nil` (herda a cor do texto do
+  # container) ou `cor: "text-black"`.
+  #
+  # `espaco:` acrescenta uma margem à direita para o ícone não colar no texto.
+  # Desligue (`espaco: false`) quando o ícone estiver sozinho ou centralizado —
+  # senão a margem o tira do eixo — ou quando o container já tiver `gap-*`.
+  def icone(nome, cor: "text-brand-laranja", tamanho: "w-[1.25em] h-[1.25em]",
+            classe: nil, titulo: nil, espaco: true)
+    simbolo = ICONES.fetch(nome.to_sym) { nome.to_s }
+    css = ["inline-block align-[-0.125em] shrink-0", ("mr-1" if espaco),
+           tamanho, cor, classe].compact.join(" ")
+
+    tag.svg(class: css, fill: "currentColor", role: (titulo ? "img" : nil),
+            aria: { hidden: (titulo ? nil : true), label: titulo }) do
+      tag.use(href: "/icons.svg##{simbolo}")
+    end
+  end
+
+  # Rótulo "ícone + texto" para link_to / button_to (que recebem o label como
+  # argumento, onde não dá para escrever ERB).
+  #
+  #   link_to rotulo(:salvar, 'Salvar rascunho'), caminho, class: '...'
+  #
+  # Atenção: NÃO serve para `f.submit` nem `button_to` sem bloco — ambos geram
+  # <input type="submit">, que não aceita HTML dentro. Nesses casos use
+  # `button_tag`/`button_to ... do`.
+  def rotulo(nome, texto, cor: "text-brand-laranja", tamanho: "w-5 h-5")
+    # O espaçamento vem do `mr-1` do próprio ícone (ver `icone`).
+    safe_join([icone(nome, cor: cor, tamanho: tamanho), texto])
+  end
+
   # Opções [label, valor] para o select de perfil de usuário (form de usuário)
   def role_options_for_select
     User::ROLES_LABEL.map { |value, label| [label, value] }
   end
 
-  # Link de navegação com estado ativo
-  def nav_link_to(label, path, **opts)
+  # Link de navegação com estado ativo.
+  # `icon:` aceita um nome semântico de ICONES; no estado ativo o ícone herda o
+  # preto do fundo laranja, fora dele fica laranja da marca.
+  def nav_link_to(label, path, icon: nil, **opts)
     active = current_page?(path)
     css = [
-      "flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-all min-h-[44px]",
+      "flex items-center gap-2.5 px-3 py-2.5 rounded-lg text-sm font-medium transition-all min-h-[44px]",
       active ? "bg-orange-500 text-black" : "text-gray-400 hover:bg-[#1a1a1a] hover:text-white"
     ].join(" ")
-    link_to label, path, class: css
+
+    conteudo = if icon
+                 safe_join([icone(icon, cor: (active ? "text-black" : "text-brand-laranja"),
+                                        tamanho: "w-5 h-5", espaco: false), label])
+               else
+                 label
+               end
+    link_to conteudo, path, class: css
   end
 
   # Formata moeda BR (milhar com ".", decimais com ","): R$ 1.234,56
@@ -22,31 +120,34 @@ module ApplicationHelper
     number_to_currency(valor.to_f, unit: 'R$ ', separator: ',', delimiter: '.', precision: 2)
   end
 
-  # Badge de status de consolidação
+  # Badge de status de consolidação.
+  # O ícone herda a cor do texto do badge (cor: nil) para não brigar com o fundo.
   def badge_status(status)
     cfg = case status.to_s
-          when 'rascunho'   then { cor: 'bg-yellow-500 text-black', icone: '📝', label: 'Rascunho' }
-          when 'finalizada' then { cor: 'bg-green-600 text-white',  icone: '✅', label: 'Finalizada' }
-          when 'arquivada'  then { cor: 'bg-gray-700 text-gray-300', icone: '📁', label: 'Arquivada' }
-          else                   { cor: 'bg-gray-800 text-gray-400', icone: '❓', label: status.humanize }
+          when 'rascunho'   then { cor: 'bg-yellow-500 text-black', icone: :apontamento, label: 'Rascunho' }
+          when 'finalizada' then { cor: 'bg-green-600 text-white',  icone: :sucesso,     label: 'Finalizada' }
+          when 'arquivada'  then { cor: 'bg-gray-700 text-gray-300', icone: :arquivar,   label: 'Arquivada' }
+          else                   { cor: 'bg-gray-800 text-gray-400', icone: :desconhecido, label: status.humanize }
           end
 
-    tag.span class: "inline-flex items-center gap-1 px-2.5 py-1 rounded-full text-xs font-bold #{cfg[:cor]}" do
-      "#{cfg[:icone]} #{cfg[:label]}"
-    end
+    badge_com_icone(cfg)
   end
 
   # Badge de status de pagamento de uma consolidação (derivado dos motoristas)
   def badge_pagamento(status)
     cfg = case status.to_s
-          when 'pago'     then { cor: 'bg-green-600 text-white',     icone: '💰', label: 'Pago' }
-          when 'parcial'  then { cor: 'bg-yellow-500 text-black',    icone: '⏳', label: 'Parcial' }
-          when 'pendente' then { cor: 'bg-gray-700 text-gray-300',   icone: '🕗', label: 'Pendente' }
-          else                 { cor: 'bg-gray-800 text-gray-400',   icone: '❓', label: status.to_s.humanize }
+          when 'pago'     then { cor: 'bg-green-600 text-white',     icone: :dinheiro, label: 'Pago' }
+          when 'parcial'  then { cor: 'bg-yellow-500 text-black',    icone: :parcial,  label: 'Parcial' }
+          when 'pendente' then { cor: 'bg-gray-700 text-gray-300',   icone: :relogio,  label: 'Pendente' }
+          else                 { cor: 'bg-gray-800 text-gray-400',   icone: :desconhecido, label: status.to_s.humanize }
           end
 
-    tag.span class: "inline-flex items-center gap-1 px-2.5 py-1 rounded-full text-xs font-bold #{cfg[:cor]}" do
-      "#{cfg[:icone]} #{cfg[:label]}"
+    badge_com_icone(cfg)
+  end
+
+  def badge_com_icone(cfg)
+    tag.span class: "inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-bold #{cfg[:cor]}" do
+      safe_join([icone(cfg[:icone], cor: nil, tamanho: "w-4 h-4", espaco: false), cfg[:label]])
     end
   end
 
diff --git a/app/javascript/controllers/validacao_controller.js b/app/javascript/controllers/validacao_controller.js
index e75c130..3b1245c 100644
--- a/app/javascript/controllers/validacao_controller.js
+++ b/app/javascript/controllers/validacao_controller.js
@@ -263,10 +263,12 @@ export default class extends Controller {
       const lock  = chip.querySelector("[data-chip-lock]")
       if (feito) feito.textContent = dados.classificadas
       if (total) total.textContent = dados.eligible
-      if (check) check.textContent = dados.completo ? "✓" : ""
+      // O check e o cadeado agora são <svg> fixos no HTML — alterna a visibilidade
+      // em vez de trocar textContent (que apagaria o SVG).
+      if (check) check.classList.toggle("hidden", !dados.completo)
       if (lock)  lock.classList.toggle("hidden", !dados.fechado)
 
-      // Cor determinística: selecionado(laranja) > consolidado(verde+🔒) >
+      // Cor determinística: selecionado(laranja) > consolidado(cadeado+verde) >
       // pronto(verde) > arquivado(cinza) > neutro.
       chip.classList.remove(...TODAS)
       if (this.veiculosValue.includes(chip.dataset.vehicle)) {
diff --git a/app/services/simpli_route/client.rb b/app/services/simpli_route/client.rb
index 282b6dd..8936ad0 100644
--- a/app/services/simpli_route/client.rb
+++ b/app/services/simpli_route/client.rb
@@ -84,6 +84,17 @@ module SimpliRoute
       []
     end
 
+    # Detalhe do comprovante de entrega (POD): traz foto, assinatura, hora e GPS.
+    # É uma fonte MAIS COMPLETA de imagens que `visita(id)` — a visita crua às
+    # vezes vem com `pictures` vazio mesmo havendo foto registrada no checkout.
+    # Best-effort: se o endpoint não existir/responder, devolve {} e a tela segue
+    # com o que a visita tiver.
+    def detalhe_visita(id)
+      get("/v1/plans/visits/#{id}/detail/") || {}
+    rescue Error
+      {}
+    end
+
     private
 
     def get(path)
diff --git a/app/views/admin/auditoria_logs/index.html.erb b/app/views/admin/auditoria_logs/index.html.erb
index 7f5aaa8..5ac24ae 100644
--- a/app/views/admin/auditoria_logs/index.html.erb
+++ b/app/views/admin/auditoria_logs/index.html.erb
@@ -1,7 +1,7 @@
 <%# app/views/admin/auditoria_logs/index.html.erb %>
 <% content_for :title, 'Auditoria' %>
 
-<h1 class="text-2xl font-bold text-white mb-6">🔍 Auditoria</h1>
+<h1 class="text-2xl font-bold text-white mb-6 flex items-center gap-2"><%= icone :auditoria, espaco: false %> Auditoria</h1>
 
 <%= form_with url: admin_auditoria_logs_path, method: :get,
     class: 'bg-[#1a1a1a] border border-[#2a2a2a] rounded-xl p-4 mb-6 flex flex-wrap gap-3' do %>
diff --git a/app/views/admin/configuracoes/index.html.erb b/app/views/admin/configuracoes/index.html.erb
index 4661a99..f90d925 100644
--- a/app/views/admin/configuracoes/index.html.erb
+++ b/app/views/admin/configuracoes/index.html.erb
@@ -10,7 +10,7 @@
 
   <%# Pilares de preço %>
   <div>
-    <h2 class="text-lg font-semibold text-white mb-4">💰 Pilares de Preço</h2>
+    <h2 class="text-lg font-semibold text-white mb-4 flex items-center gap-2"><%= icone :dinheiro, espaco: false %> Pilares de Preço</h2>
     <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
       <% @configuracoes.each do |cfg| %>
         <div class="bg-[#1a1a1a] rounded-2xl border border-white/5 p-6 group relative">
@@ -39,7 +39,7 @@
 
   <%# Informações do banco externo %>
   <div class="bg-[#1a1a1a] rounded-2xl border border-white/5 p-6">
-    <h2 class="text-lg font-semibold text-white mb-4">🗄️ Banco de Dados Externo</h2>
+    <h2 class="text-lg font-semibold text-white mb-4 flex items-center gap-2"><%= icone :arquivar, espaco: false %> Banco de Dados Externo</h2>
     <div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
       <div class="p-4 bg-[#0a0a0a] rounded-xl border border-white/5">
         <p class="text-gray-400 text-xs mb-1">Tabela monitorada</p>
diff --git a/app/views/admin/edicao_lancamentos/show.html.erb b/app/views/admin/edicao_lancamentos/show.html.erb
index 20a8158..2f4eccf 100644
--- a/app/views/admin/edicao_lancamentos/show.html.erb
+++ b/app/views/admin/edicao_lancamentos/show.html.erb
@@ -20,8 +20,8 @@
 
   <%# Aviso de sincronização %>
   <div class="p-4 bg-amber-900/20 border border-amber-500/40 rounded-xl text-amber-200/90 text-sm flex items-start gap-2">
-    <span class="text-base leading-none">⚠️</span>
-    <p>As alterações são gravadas no <strong>SimpliRoute na hora</strong> (cada campo salva ao confirmar ✓),
+    <%= icone :alerta, cor: nil, tamanho: 'w-5 h-5 mt-0.5', espaco: false %>
+    <p>As alterações são gravadas no <strong>SimpliRoute na hora</strong> (cada campo salva ao confirmar <%= icone :confirmar, cor: nil, tamanho: 'w-3.5 h-3.5' %>),
        mas o painel e as consolidações só refletem <strong>após a próxima sincronização</strong> da base de
        rastreio. Toda alteração fica registrada na auditoria.</p>
   </div>
@@ -57,28 +57,26 @@
         <div class="flex flex-wrap gap-2 mt-2 text-xs text-gray-500">
           <span class="px-2 py-0.5 rounded-full bg-white/5">NF <span id="c-nf">—</span></span>
           <span class="px-2 py-0.5 rounded-full bg-white/5">Visita <span id="c-id">—</span></span>
-          <span class="px-2 py-0.5 rounded-full bg-white/5">🚚 <span id="c-motorista">—</span></span>
-          <span class="px-2 py-0.5 rounded-full bg-white/5">🚗 <span id="c-veiculo">—</span></span>
-          <span class="px-2 py-0.5 rounded-full bg-white/5">📞 <span id="c-telefone">—</span></span>
+          <span class="px-2 py-0.5 rounded-full bg-white/5"><%= icone :caminhao %> <span id="c-motorista">—</span></span>
+          <span class="px-2 py-0.5 rounded-full bg-white/5"><%= icone :veiculo %> <span id="c-veiculo">—</span></span>
+          <span class="px-2 py-0.5 rounded-full bg-white/5"><%= icone :telefone %> <span id="c-telefone">—</span></span>
         </div>
       </div>
       <button id="btn-historico" type="button"
               class="px-4 py-2.5 bg-[#1a1a1a] hover:bg-[#252525] border border-white/10 text-gray-200
                      text-sm font-semibold rounded-xl transition-colors whitespace-nowrap">
-        🕑 Histórico
+        <%= icone :historico %> Histórico
       </button>
     </div>
 
     <div class="grid lg:grid-cols-3 gap-0">
 
-      <%# Coluna esquerda — fotos %>
+      <%# Coluna esquerda — galeria com TODAS as fotos do lançamento %>
       <div class="p-5 border-b lg:border-b-0 lg:border-r border-white/5 space-y-3">
-        <p class="text-xs font-semibold text-gray-500 uppercase tracking-wider">Foto da fachada</p>
-        <div id="c-foto-wrap"></div>
-        <div id="c-extras-wrap" class="hidden">
-          <p class="text-xs font-semibold text-gray-500 uppercase tracking-wider mt-4 mb-2">Fotos do SimpliRoute</p>
-          <div id="c-extras" class="grid grid-cols-3 gap-2"></div>
-        </div>
+        <p class="text-xs font-semibold text-gray-500 uppercase tracking-wider">
+          Fotos do lançamento <span id="c-fotos-contador" class="normal-case font-normal text-gray-600"></span>
+        </p>
+        <div id="c-fotos" class="space-y-3"></div>
       </div>
 
       <%# Coluna direita — campos click-to-edit %>
@@ -96,15 +94,47 @@
     <div id="modal-hist-overlay" class="absolute inset-0 bg-black/70"></div>
     <div class="relative bg-[#151515] border border-white/10 rounded-2xl w-full max-w-2xl max-h-[85vh] flex flex-col">
       <div class="flex items-center justify-between p-4 border-b border-white/5">
-        <h3 class="text-white font-bold">🕑 Histórico de alterações</h3>
+        <h3 class="text-white font-bold flex items-center gap-2"><%= icone :historico, espaco: false %> Histórico de alterações</h3>
         <button id="modal-hist-fechar" type="button"
-                class="w-9 h-9 rounded-lg bg-white/5 hover:bg-white/10 text-gray-300">✕</button>
+                class="w-9 h-9 rounded-lg bg-white/5 hover:bg-white/10 text-gray-300" aria-label="Fechar"><%= icone :fechar, cor: nil, tamanho: 'w-5 h-5', espaco: false %></button>
       </div>
       <div id="modal-hist-corpo" class="p-4 overflow-y-auto space-y-5 text-sm">
         <p class="text-gray-400">Carregando…</p>
       </div>
     </div>
   </div>
+
+  <%# Visualizador de foto — amplia e navega entre todas as imagens do lançamento %>
+  <div id="modal-foto" class="hidden fixed inset-0 z-50 flex items-center justify-center p-4">
+    <div id="modal-foto-overlay" class="absolute inset-0 bg-black/85"></div>
+    <div class="relative w-full max-w-3xl flex flex-col gap-3">
+      <div class="flex items-center justify-between gap-3">
+        <p id="modal-foto-titulo" class="text-white font-semibold text-sm"></p>
+        <div class="flex items-center gap-2">
+          <a id="modal-foto-abrir" href="#" target="_blank" rel="noopener"
+             class="px-3 py-2 rounded-lg bg-white/5 hover:bg-white/10 text-gray-300 text-xs inline-flex items-center">
+            <%= icone :visualizar, cor: nil, tamanho: 'w-4 h-4' %> Tamanho real
+          </a>
+          <button id="modal-foto-fechar" type="button"
+                  class="w-9 h-9 rounded-lg bg-white/5 hover:bg-white/10 text-gray-300 flex items-center justify-center"
+                  aria-label="Fechar"><%= icone :fechar, cor: nil, tamanho: 'w-5 h-5', espaco: false %></button>
+        </div>
+      </div>
+      <div class="relative bg-[#151515] border border-white/10 rounded-2xl overflow-hidden">
+        <img id="modal-foto-img" src="" alt="" class="w-full max-h-[70vh] object-contain bg-black">
+        <button id="modal-foto-ant" type="button"
+                class="absolute left-2 top-1/2 -translate-y-1/2 w-10 h-10 rounded-full bg-black/70 hover:bg-black
+                       text-white flex items-center justify-center" aria-label="Foto anterior">
+          <%= icone :voltar, cor: nil, tamanho: 'w-5 h-5', espaco: false %>
+        </button>
+        <button id="modal-foto-prox" type="button"
+                class="absolute right-2 top-1/2 -translate-y-1/2 w-10 h-10 rounded-full bg-black/70 hover:bg-black
+                       text-white flex items-center justify-center" aria-label="Próxima foto">
+          <%= icone :avancar, cor: nil, tamanho: 'w-5 h-5', espaco: false %>
+        </button>
+      </div>
+    </div>
+  </div>
 </div>
 
 <script>
@@ -121,12 +151,18 @@
     let visita = null; // estado atual do lançamento carregado
 
     // ── Config dos campos editáveis ─────────────────────────────
+    // Ícone do sprite (public/icons.svg). fill=currentColor -> herda a cor do badge.
+    function ico(id, cls) {
+      return '<svg class="' + (cls || 'w-3.5 h-3.5') + '" fill="currentColor" ' +
+             'style="display:inline-block;vertical-align:-2px"><use href="/icons.svg#' + id + '"></use></svg>';
+    }
+
     const STATUS = {
-      completed: { label: 'Completa',  cls: 'bg-green-600 text-white',           icone: '✅' },
-      failed:    { label: 'Falha',     cls: 'bg-red-600 text-white',             icone: '❌' },
-      pending:   { label: 'Pendente',  cls: 'bg-yellow-500 text-black',          icone: '🕗' },
-      partial:   { label: 'Parcial',   cls: 'bg-blue-600 text-white',            icone: '◐'  },
-      canceled:  { label: 'Cancelada', cls: 'bg-gray-700 text-gray-300',         icone: '🚫' }
+      completed: { label: 'Completa',  cls: 'bg-green-600 text-white',           icone: 'check-circle-fill' },
+      failed:    { label: 'Falha',     cls: 'bg-red-600 text-white',             icone: 'x-circle-fill' },
+      pending:   { label: 'Pendente',  cls: 'bg-yellow-500 text-black',          icone: 'clock-fill' },
+      partial:   { label: 'Parcial',   cls: 'bg-blue-600 text-white',            icone: 'hourglass-split' },
+      canceled:  { label: 'Cancelada', cls: 'bg-gray-700 text-gray-300',         icone: 'slash-circle' }
     };
     const CAMPOS = [
       { campo: 'status',               label: 'Status',               tipo: 'status' },
@@ -190,40 +226,101 @@
     }
 
     function renderBadge() {
-      const cfg = STATUS[visita.status] || { label: visita.status || '—', cls: 'bg-gray-800 text-gray-400', icone: '❓' };
+      const cfg = STATUS[visita.status] || { label: visita.status || '—', cls: 'bg-gray-800 text-gray-400', icone: 'question-circle' };
       const b = document.getElementById('c-badge');
       b.className = 'inline-flex items-center gap-1 px-2.5 py-1 rounded-full text-xs font-bold ' + cfg.cls;
-      b.textContent = cfg.icone + ' ' + cfg.label;
+      b.innerHTML = ico(cfg.icone) + ' ' + esc(cfg.label);
     }
 
+    // Etiqueta de cada tipo de imagem — o ADM precisa saber o que está olhando
+    // para julgar se a foto está errada.
+    // Cor da etiqueta por CATEGORIA (cat vem do servidor). O texto do rótulo
+    // também vem pronto do servidor (f.rotulo), porque os campos de foto do
+    // SimpliRoute variam por conta. `cls` = etiqueta translúcida (foto grande em
+    // destaque); `txt` = só a cor do texto (miniatura, sobre fundo preto sólido —
+    // a versão translúcida some sobre foto clara).
+    const COR_CAT = {
+      fachada:    { cls: 'bg-orange-500/20 text-orange-300 border-orange-500/40', txt: 'text-orange-300' },
+      prova:      { cls: 'bg-emerald-500/20 text-emerald-300 border-emerald-500/40', txt: 'text-emerald-300' },
+      nf:         { cls: 'bg-blue-500/20 text-blue-300 border-blue-500/40',       txt: 'text-blue-300' },
+      termo:      { cls: 'bg-amber-500/20 text-amber-300 border-amber-500/40',    txt: 'text-amber-300' },
+      relatorio:  { cls: 'bg-cyan-500/20 text-cyan-300 border-cyan-500/40',       txt: 'text-cyan-300' },
+      assinatura: { cls: 'bg-purple-500/20 text-purple-300 border-purple-500/40', txt: 'text-purple-300' },
+      entrega:    { cls: 'bg-sky-500/20 text-sky-300 border-sky-500/40',          txt: 'text-sky-300' },
+      extra:      { cls: 'bg-white/10 text-gray-300 border-white/20',             txt: 'text-gray-300' }
+    };
+    const COR_PADRAO = COR_CAT.extra;
+
     function renderFotos() {
-      const wrap = document.getElementById('c-foto-wrap');
-      if (visita.foto_fachada) {
-        wrap.innerHTML =
-          '<a href="' + esc(visita.foto_fachada) + '" target="_blank" rel="noopener" title="Abrir em tamanho real">' +
-            '<img src="' + esc(visita.foto_fachada) + '" alt="Fachada" loading="lazy" ' +
-                 'class="w-full h-52 object-cover rounded-xl border border-white/10 hover:opacity-90 transition-opacity">' +
-          '</a>';
-      } else {
+      const fotos = visita.fotos || [];
+      const wrap  = document.getElementById('c-fotos');
+      const cont  = document.getElementById('c-fotos-contador');
+
+      cont.textContent = fotos.length ? '— ' + fotos.length + (fotos.length > 1 ? ' imagens' : ' imagem') : '';
+
+      if (!fotos.length) {
         wrap.innerHTML =
           '<div class="w-full h-52 rounded-xl border border-dashed border-white/10 flex items-center justify-center ' +
-               'text-gray-600 text-sm">📷 Sem foto da fachada para esta entrega</div>';
+               'text-gray-600 text-sm">' + ico('camera-fill') + ' Nenhuma foto registrada neste lançamento</div>';
+        return;
       }
 
-      const extras = [...(visita.pictures || [])];
-      if (visita.signature) extras.push(visita.signature);
-      const extrasWrap = document.getElementById('c-extras-wrap');
-      const grid = document.getElementById('c-extras');
-      if (extras.length) {
-        grid.innerHTML = extras.map(u =>
-          '<a href="' + esc(u) + '" target="_blank" rel="noopener">' +
-            '<img src="' + esc(u) + '" loading="lazy" class="w-full h-16 object-cover rounded-lg border border-white/10 hover:opacity-90">' +
-          '</a>').join('');
-        extrasWrap.classList.remove('hidden');
-      } else {
-        extrasWrap.classList.add('hidden');
-        grid.innerHTML = '';
-      }
+      // A 1ª em destaque; as demais numa grade de 3. Clicar abre o visualizador.
+      // Na miniatura a etiqueta é compacta e truncada (senão estoura a célula);
+      // o rótulo completo + origem aparecem no visualizador.
+      const figura = (f, i, destaque) => {
+        const c = COR_CAT[f.cat] || COR_PADRAO;
+        const etiqueta = destaque
+          ? '<figcaption class="absolute top-1.5 left-1.5 px-1.5 py-0.5 rounded text-[10px] font-bold uppercase ' +
+                                'tracking-wide border ' + c.cls + '">' + esc(f.rotulo) + '</figcaption>' +
+            '<span class="absolute bottom-1.5 right-1.5 px-1.5 py-0.5 rounded bg-black/70 text-gray-300 text-[10px]">' +
+              esc(f.origem) + '</span>'
+          : '<figcaption class="absolute top-1 left-1 right-1 px-1 py-0.5 rounded text-[9px] font-bold uppercase ' +
+                                'tracking-tight truncate bg-black/80 ' + c.txt + '">' + esc(f.rotulo) + '</figcaption>';
+
+        return '<figure class="relative group cursor-zoom-in" data-foto-idx="' + i + '" ' +
+                       'title="' + esc(f.rotulo + ' · ' + f.origem) + ' — clique para ampliar">' +
+          '<img src="' + esc(f.url) + '" alt="' + esc(f.rotulo) + '" loading="lazy" ' +
+               'class="w-full ' + (destaque ? 'h-52' : 'h-24') + ' object-cover rounded-xl border border-white/10 ' +
+                      'group-hover:opacity-90 transition-opacity">' +
+          etiqueta +
+        '</figure>';
+      };
+
+      const resto = fotos.slice(1).map((f, i) => figura(f, i + 1, false)).join('');
+
+      wrap.innerHTML = figura(fotos[0], 0, true) +
+        (resto ? '<div class="grid grid-cols-3 gap-2">' + resto + '</div>' : '');
+
+      wrap.querySelectorAll('[data-foto-idx]').forEach(el =>
+        el.addEventListener('click', () => abrirVisualizador(+el.dataset.fotoIdx)));
+    }
+
+    // ── Visualizador (lightbox) — amplia e navega entre as fotos ──────────
+    let fotoAtual = 0;
+
+    function abrirVisualizador(i) {
+      fotoAtual = i;
+      document.getElementById('modal-foto').classList.remove('hidden');
+      pintarVisualizador();
+    }
+    function fecharVisualizador() {
+      document.getElementById('modal-foto').classList.add('hidden');
+    }
+    function navegarFoto(passo) {
+      const fotos = visita.fotos || [];
+      if (!fotos.length) return;
+      fotoAtual = (fotoAtual + passo + fotos.length) % fotos.length;
+      pintarVisualizador();
+    }
+    function pintarVisualizador() {
+      const fotos = visita.fotos || [];
+      const f = fotos[fotoAtual];
+      if (!f) return;
+      document.getElementById('modal-foto-img').src = f.url;
+      document.getElementById('modal-foto-titulo').textContent =
+        f.rotulo + ' · ' + f.origem + '  (' + (fotoAtual + 1) + '/' + fotos.length + ')';
+      document.getElementById('modal-foto-abrir').href = f.url;
     }
 
     // ── Campos click-to-edit ────────────────────────────────────
@@ -257,7 +354,7 @@
         '<p class="text-xs text-gray-500 mb-0.5">' + esc(def.label) + '</p>' +
         '<div class="flex items-start justify-between gap-2">' +
           '<p class="texto-valor text-sm text-white break-words min-h-[20px]">' + esc(valorExibicao(def)) + '</p>' +
-          '<span class="text-gray-600 group-hover:text-orange-400 text-sm" title="Editar">✏️</span>' +
+          '<span class="text-gray-600 group-hover:text-orange-400" title="Editar">' + ico('pencil-fill') + '</span>' +
         '</div>';
       div.onclick = () => abrirEdicao(div, def);
       if (flash) {
@@ -297,8 +394,8 @@
         '<p class="text-xs text-orange-400 mb-1">' + esc(def.label) + '</p>' +
         editorHtml +
         '<div class="flex items-center gap-2 mt-2">' +
-          '<button type="button" class="btn-ok px-3 py-1.5 bg-green-600 hover:bg-green-500 text-white text-xs font-bold rounded-lg">✓ Salvar</button>' +
-          '<button type="button" class="btn-cancelar px-3 py-1.5 bg-white/5 hover:bg-white/10 text-gray-300 text-xs rounded-lg">✕ Cancelar</button>' +
+          '<button type="button" class="btn-ok px-3 py-1.5 bg-green-600 hover:bg-green-500 text-white text-xs font-bold rounded-lg">' + ico('check-lg', 'w-3 h-3') + ' Salvar</button>' +
+          '<button type="button" class="btn-cancelar px-3 py-1.5 bg-white/5 hover:bg-white/10 text-gray-300 text-xs rounded-lg">' + ico('x-lg', 'w-3 h-3') + ' Cancelar</button>' +
           '<span class="msg-salvando hidden text-xs text-gray-400">Salvando…</span>' +
         '</div>' +
         '<p class="msg-erro hidden mt-1.5 text-xs text-red-400"></p>';
@@ -359,7 +456,20 @@
     function fecharModal() { modal.classList.add('hidden'); }
     document.getElementById('modal-hist-fechar').onclick  = fecharModal;
     document.getElementById('modal-hist-overlay').onclick = fecharModal;
-    document.addEventListener('keydown', e => { if (e.key === 'Escape') fecharModal(); });
+
+    // ── Visualizador de foto ────────────────────────────────────
+    document.getElementById('modal-foto-fechar').onclick  = fecharVisualizador;
+    document.getElementById('modal-foto-overlay').onclick = fecharVisualizador;
+    document.getElementById('modal-foto-ant').onclick     = () => navegarFoto(-1);
+    document.getElementById('modal-foto-prox').onclick    = () => navegarFoto(1);
+
+    document.addEventListener('keydown', e => {
+      if (e.key === 'Escape') { fecharModal(); fecharVisualizador(); }
+      // Setas só navegam com o visualizador aberto, senão atrapalham os campos.
+      if (document.getElementById('modal-foto').classList.contains('hidden')) return;
+      if (e.key === 'ArrowLeft')  navegarFoto(-1);
+      if (e.key === 'ArrowRight') navegarFoto(1);
+    });
 
     document.getElementById('btn-historico').addEventListener('click', async () => {
       if (!visita) return;
@@ -388,7 +498,7 @@
 
     function htmlHistorico(data) {
       let html = '<div>' +
-        '<p class="text-xs font-semibold text-gray-500 uppercase tracking-wider mb-2">📒 Nosso sistema (auditoria)</p>';
+        '<p class="text-xs font-semibold text-gray-500 uppercase tracking-wider mb-2">' + ico('journal-text') + ' Nosso sistema (auditoria)</p>';
       const interno = (data.interno || []);
       if (!interno.length) {
         html += '<p class="text-gray-500">Nenhuma alteração registrada pelo sistema.</p>';
@@ -400,14 +510,14 @@
             ' → <span class="text-green-300">' + esc(fmtValor(campo, l.para[campo])) + '</span></li>').join('');
           return '<div class="bg-[#1a1a1a] border border-white/5 rounded-xl p-3 mb-2">' +
             '<div class="flex items-center justify-between text-xs text-gray-500 mb-1.5">' +
-              '<span>👤 ' + esc(l.usuario) + '</span><span>' + esc(l.quando) + '</span>' +
+              '<span>' + ico('person-fill') + ' ' + esc(l.usuario) + '</span><span>' + esc(l.quando) + '</span>' +
             '</div>' +
             '<ul class="space-y-0.5 text-xs">' + (mudancas || '<li class="text-gray-500">—</li>') + '</ul>' +
           '</div>';
         }).join('');
       }
       html += '</div><div>' +
-        '<p class="text-xs font-semibold text-gray-500 uppercase tracking-wider mb-2">🌐 SimpliRoute (API)</p>';
+        '<p class="text-xs font-semibold text-gray-500 uppercase tracking-wider mb-2">' + ico('globe2') + ' SimpliRoute (API)</p>';
       const api = (data.api || []);
       if (!api.length) {
         html += '<p class="text-gray-500">Sem registros de histórico na API do SimpliRoute.</p>';
diff --git a/app/views/admin/planilhas_simpli_route/show.html.erb b/app/views/admin/planilhas_simpli_route/show.html.erb
index 70a8eb3..190c32b 100644
--- a/app/views/admin/planilhas_simpli_route/show.html.erb
+++ b/app/views/admin/planilhas_simpli_route/show.html.erb
@@ -43,7 +43,7 @@
         <button type="submit"
                 class="px-6 py-3 bg-[#f97316] hover:bg-orange-500 text-white font-semibold rounded-xl
                        transition-colors min-h-[48px] whitespace-nowrap">
-          📥 Baixar planilha
+          <%= icone :baixar, cor: nil %> Baixar planilha
         </button>
       <% end %>
     <% end %>
diff --git a/app/views/admin/usuarios/index.html.erb b/app/views/admin/usuarios/index.html.erb
index b9f6139..1c0e520 100644
--- a/app/views/admin/usuarios/index.html.erb
+++ b/app/views/admin/usuarios/index.html.erb
@@ -103,7 +103,7 @@
         <% if @usuarios.empty? %>
           <tr>
             <td colspan="5" class="px-6 py-16 text-center text-gray-500">
-              <div class="text-4xl mb-3">👥</div>
+              <div class="mb-3"><%= icone :usuarios, tamanho: 'w-10 h-10', cor: 'text-gray-600', espaco: false %></div>
               <p>Nenhum usuário encontrado.</p>
             </td>
           </tr>
diff --git a/app/views/configuracoes/index.html.erb b/app/views/configuracoes/index.html.erb
index 1e985c8..f10cf9b 100644
--- a/app/views/configuracoes/index.html.erb
+++ b/app/views/configuracoes/index.html.erb
@@ -10,7 +10,7 @@
 
   <%# Pilares de preço %>
   <div>
-    <h2 class="text-lg font-semibold text-white mb-4">💰 Pilares de Preço</h2>
+    <h2 class="text-lg font-semibold text-white mb-4 flex items-center gap-2"><%= icone :dinheiro, espaco: false %> Pilares de Preço</h2>
     <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
       <% @configuracoes.each do |cfg| %>
         <div class="bg-[#1a1a1a] rounded-2xl border border-white/5 p-6 group relative">
@@ -39,7 +39,7 @@
 
   <%# Informações do banco externo %>
   <div class="bg-[#1a1a1a] rounded-2xl border border-white/5 p-6">
-    <h2 class="text-lg font-semibold text-white mb-4">🗄️ Banco de Dados Externo</h2>
+    <h2 class="text-lg font-semibold text-white mb-4 flex items-center gap-2"><%= icone :arquivar, espaco: false %> Banco de Dados Externo</h2>
     <div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
       <div class="p-4 bg-[#0a0a0a] rounded-xl border border-white/5">
         <p class="text-gray-400 text-xs mb-1">Tabela monitorada</p>
diff --git a/app/views/consolidacao_entregas/revisar.html.erb b/app/views/consolidacao_entregas/revisar.html.erb
index c5dc270..011077b 100644
--- a/app/views/consolidacao_entregas/revisar.html.erb
+++ b/app/views/consolidacao_entregas/revisar.html.erb
@@ -4,10 +4,10 @@
 <div class="max-w-3xl mx-auto">
 
   <div class="mb-6">
-    <%= link_to '← Voltar (Passo 2)',
+    <%= link_to rotulo(:voltar, 'Voltar (Passo 2)', cor: nil),
         validar_consolidacao_consolidacao_entregas_path(@consolidacao, motorista: @motorista),
         class: 'inline-flex items-center gap-1 bg-[#1a1a1a] hover:bg-[#2a2a2a] text-white border border-[#2a2a2a] hover:border-orange-500 font-semibold px-4 py-2.5 rounded-lg text-sm min-h-[44px]' %>
-    <h1 class="text-2xl font-bold text-white mt-2">📋 Revisão — <%= @motorista %></h1>
+    <h1 class="text-2xl font-bold text-white mt-2 flex items-center gap-2"><%= icone :planilha, espaco: false %> Revisão — <%= @motorista %></h1>
     <p class="text-gray-400 text-sm"><%= @consolidacao.nome %></p>
   </div>
 
@@ -71,19 +71,20 @@
                 <%= c.tipo_cor[:label] %><% if (c.termo? || c.termo_especial?) && c.quantidade > 1 %> ×<%= c.quantidade %><% end %>
               </span>
               <% if c.manual? %>
-                <span class="ml-1 bg-orange-500/15 text-orange-400 border border-orange-500/40 px-2 py-1 rounded text-xs font-bold">➕ Apontamento</span>
+                <span class="ml-1 bg-orange-500/15 text-orange-400 border border-orange-500/40 px-2 py-1 rounded text-xs font-bold"><%= icone :adicionar, cor: nil, tamanho: 'w-3.5 h-3.5' %> Apontamento</span>
               <% end %>
             </td>
             <td class="px-4 py-3 text-right font-bold <%= c.desconto? ? 'text-red-400' : 'text-white' %>">
               <div class="flex items-center justify-end gap-2">
                 <span><%= c.desconto? ? '-' : '' %><%= moeda(c.valor_aplicado) %></span>
                 <% if c.manual? && !(@consolidacao.finalizada? && current_user.operador?) %>
-                  <%= button_to '✕',
-                      remover_apontamento_consolidacao_consolidacao_entregas_path(@consolidacao, id: c.id, motorista: @motorista),
+                  <%= button_to remover_apontamento_consolidacao_consolidacao_entregas_path(@consolidacao, id: c.id, motorista: @motorista),
                       method: :delete,
                       form: { data: { turbo_confirm: 'Remover este apontamento manual?' } },
-                      class: 'text-gray-500 hover:text-red-400 text-sm leading-none px-1',
-                      title: 'Remover apontamento' %>
+                      class: 'text-gray-500 hover:text-red-400 leading-none px-1',
+                      title: 'Remover apontamento' do %>
+                    <%= icone :fechar, cor: nil, tamanho: 'w-4 h-4', espaco: false %>
+                  <% end %>
                 <% end %>
               </div>
             </td>
@@ -127,11 +128,11 @@
   <%# Ações finais %>
   <div class="flex flex-col md:flex-row gap-3">
     <% if @proximo %>
-      <%= link_to "Próximo motorista: #{@proximo} →",
+      <%= link_to safe_join(["Próximo motorista: #{@proximo}", icone(:avancar, cor: nil)], ' '),
           validar_consolidacao_consolidacao_entregas_path(@consolidacao, motorista: @proximo),
           class: 'flex-1 bg-orange-500 hover:bg-orange-600 text-black font-bold py-3.5 rounded-lg min-h-[48px] flex items-center justify-center text-center' %>
     <% end %>
-    <%= link_to '💾 Salvar rascunho e voltar', wizard_consolidacao_path(@consolidacao),
+    <%= link_to rotulo(:salvar, 'Salvar rascunho e voltar', cor: nil), wizard_consolidacao_path(@consolidacao),
         class: 'flex-1 bg-[#1a1a1a] hover:bg-[#2a2a2a] text-white border border-[#2a2a2a] font-bold py-3.5 rounded-lg min-h-[48px] flex items-center justify-center' %>
   </div>
 </div>
diff --git a/app/views/consolidacao_entregas/validar.html.erb b/app/views/consolidacao_entregas/validar.html.erb
index 1bff40e..d5a7407 100644
--- a/app/views/consolidacao_entregas/validar.html.erb
+++ b/app/views/consolidacao_entregas/validar.html.erb
@@ -18,10 +18,10 @@
         class: 'inline-flex items-center gap-1 bg-[#1a1a1a] hover:bg-[#2a2a2a] text-white border border-[#2a2a2a] hover:border-orange-500 font-semibold px-4 py-2.5 rounded-lg text-sm min-h-[44px]' %>
     <div class="flex items-center justify-between mt-2">
       <div>
-        <h1 class="text-2xl font-bold text-white">🚚 <%= @motorista %></h1>
+        <h1 class="text-2xl font-bold text-white flex items-center gap-2"><%= icone :caminhao, espaco: false %> <%= @motorista %></h1>
         <p class="text-gray-400 text-sm"><%= @consolidacao.nome %> · <%= l @consolidacao.data_inicio, format: :short %> → <%= l @consolidacao.data_fim, format: :short %></p>
       </div>
-      <%= link_to 'Revisar (Passo 3) →',
+      <%= link_to safe_join(['Revisar (Passo 3)', icone(:avancar, cor: nil)], ' '),
           revisar_consolidacao_consolidacao_entregas_path(@consolidacao, motorista: @motorista),
           class: 'bg-orange-500 hover:bg-orange-600 text-black font-bold px-5 py-3 rounded-lg min-h-[48px] flex items-center' %>
     </div>
@@ -31,7 +31,7 @@
   <div class="bg-[#1a1a1a] border border-[#2a2a2a] rounded-xl p-3 mb-3">
     <div class="flex justify-between text-sm mb-2">
       <span class="text-white font-semibold">
-        <% if @veiculos_sel.any? %>🚚 <%= @veiculos_sel.join(', ') %> — <% end %>
+        <% if @veiculos_sel.any? %><%= icone :caminhao %> <%= @veiculos_sel.join(', ') %> — <% end %>
         <span data-validacao-target="contadorClassificadas"><%= @classificadas %></span>
         de <span data-validacao-target="contadorTotal"><%= @total_entregas %></span> entregas classificadas
         <span data-validacao-target="manuaisInfo" class="<%= 'hidden' unless @manuais.positive? %> text-blue-400 font-normal">·
@@ -53,8 +53,8 @@
   <% if @veiculos_status.size > 1 %>
     <div class="bg-[#1a1a1a] border border-[#2a2a2a] rounded-xl p-3 mb-3">
       <div class="flex items-center gap-2 mb-2 flex-wrap">
-        <span class="text-gray-400 text-sm font-semibold">🚗 Fechar por veículo:</span>
-        <span class="text-gray-600 text-xs">clique no nome para filtrar; consolide o carro quando estiver 100% (🔒)</span>
+        <span class="text-gray-400 text-sm font-semibold"><%= icone :veiculo %> Fechar por veículo:</span>
+        <span class="text-gray-600 text-xs">clique no nome para filtrar; consolide o carro quando estiver 100% (<%= icone :travado, cor: nil, tamanho: 'w-3.5 h-3.5' %>)</span>
       </div>
       <div class="flex flex-wrap gap-2">
         <%# Chip "Todos" — limpa a seleção (mostra todos os carros) %>
@@ -68,7 +68,7 @@
           <% selecionado = @veiculos_sel.include?(v[:vehicle]) %>
           <%# Alterna este veículo dentro da seleção atual (multi-seleção) %>
           <% nova_sel = selecionado ? (@veiculos_sel - [v[:vehicle]]) : (@veiculos_sel + [v[:vehicle]]) %>
-          <%# Cor determinística: selecionado(laranja) > consolidado(verde+🔒) >
+          <%# Cor determinística: selecionado(laranja) > consolidado(verde+cadeado) >
               pronto(verde) > arquivado(cinza tracejado) > neutro. %>
           <% cor = if selecionado then 'border-orange-500 text-orange-400 bg-orange-500/10'
                    elsif v[:fechado] then 'border-green-500 text-green-400 bg-green-500/10'
@@ -78,11 +78,11 @@
           <%= link_to validar_consolidacao_consolidacao_entregas_path(@consolidacao, motorista: @motorista, vehicle: nova_sel.presence),
               data: { 'validacao-target': 'chipVeiculo', vehicle: v[:vehicle], eligible: v[:eligible] },
               class: "px-3 py-2 rounded-lg text-sm font-semibold border min-h-[40px] flex items-center gap-2 transition-colors #{cor}" do %>
-            <span data-chip-lock class="<%= 'hidden' unless v[:fechado] %>">🔒</span>
+            <span data-chip-lock class="<%= 'hidden' unless v[:fechado] %>"><%= icone :travado, cor: nil, tamanho: 'w-3.5 h-3.5', espaco: false %></span>
             <span><%= v[:vehicle] %></span>
             <span class="text-xs <%= v[:completo] ? 'text-green-400' : 'text-gray-500' %>">
               <span data-chip-feito><%= v[:classificadas] %></span>/<span data-chip-total><%= v[:eligible] %></span>
-              <span data-chip-check><%= '✓' if v[:completo] %></span>
+              <span data-chip-check class="<%= 'hidden' unless v[:completo] %>"><%= icone :confirmar, cor: nil, tamanho: 'w-3.5 h-3.5', espaco: false %></span>
             </span>
           <% end %>
         <% end %>
@@ -97,32 +97,35 @@
             <p class="text-gray-500 text-xs">Selecione <strong>um</strong> veículo (clique no nome) para consolidá-lo separadamente.</p>
           <% elsif status_unico[:fechado] %>
             <div class="flex items-center gap-2 flex-wrap">
-              <span class="text-green-400 text-sm font-semibold">🔒 <%= sel_unico %> consolidado.</span>
-              <%= button_to '🔓 Reabrir veículo',
-                  reabrir_veiculo_consolidacao_consolidacao_entregas_path(@consolidacao),
+              <span class="text-green-400 text-sm font-semibold"><%= icone :travado, cor: nil %> <%= sel_unico %> consolidado.</span>
+              <%= button_to reabrir_veiculo_consolidacao_consolidacao_entregas_path(@consolidacao),
                   method: :post,
                   params: { motorista: @motorista, vehicle: sel_unico, vehicle_sel: @veiculos_sel },
-                  data: { turbo_confirm: "Reabrir o veículo #{sel_unico} para edição?" },
-                  class: 'text-gray-400 hover:text-white border border-[#2a2a2a] hover:border-orange-500 px-3 py-2 rounded-lg text-xs min-h-[40px]' %>
+                  form: { data: { turbo_confirm: "Reabrir o veículo #{sel_unico} para edição?" } },
+                  class: 'text-gray-400 hover:text-white border border-[#2a2a2a] hover:border-orange-500 px-3 py-2 rounded-lg text-xs min-h-[40px] inline-flex items-center gap-1.5' do %>
+                <%= icone :destravado, cor: nil, tamanho: 'w-4 h-4' %> Reabrir veículo
+              <% end %>
             </div>
           <% else %>
             <div class="flex items-center gap-2 flex-wrap">
               <%# Habilita só quando o carro está 100% classificado; o JS liga/desliga
                   conforme a barra do escopo selecionado chega (ou não) a 100%. %>
-              <%= button_to '🔒 Consolidar este veículo',
-                  fechar_veiculo_consolidacao_consolidacao_entregas_path(@consolidacao),
+              <%= button_to fechar_veiculo_consolidacao_consolidacao_entregas_path(@consolidacao),
                   method: :post,
                   params: { motorista: @motorista, vehicle: sel_unico, vehicle_sel: @veiculos_sel },
                   disabled: !status_unico[:completo],
-                  data: { 'validacao-target': 'consolidarBtn',
-                          turbo_confirm: "Consolidar o veículo #{sel_unico}? Você poderá reabrir depois." },
-                  class: "font-bold px-4 py-2 rounded-lg text-xs min-h-[40px] #{status_unico[:completo] ? 'bg-green-600 hover:bg-green-500 text-white cursor-pointer' : 'bg-[#2a2a2a] text-gray-600 cursor-not-allowed'}" %>
-              <%= button_to '🗄️ Arquivar veículo',
-                  arquivar_veiculo_consolidacao_consolidacao_entregas_path(@consolidacao),
+                  data: { 'validacao-target': 'consolidarBtn' },
+                  form: { data: { turbo_confirm: "Consolidar o veículo #{sel_unico}? Você poderá reabrir depois." } },
+                  class: "font-bold px-4 py-2 rounded-lg text-xs min-h-[40px] inline-flex items-center gap-1.5 #{status_unico[:completo] ? 'bg-green-600 hover:bg-green-500 text-white cursor-pointer' : 'bg-[#2a2a2a] text-gray-600 cursor-not-allowed'}" do %>
+                <%= icone :travado, cor: nil, tamanho: 'w-4 h-4' %> Consolidar este veículo
+              <% end %>
+              <%= button_to arquivar_veiculo_consolidacao_consolidacao_entregas_path(@consolidacao),
                   method: :post,
                   params: { motorista: @motorista, vehicle: sel_unico, vehicle_sel: @veiculos_sel },
-                  data: { turbo_confirm: "Arquivar o veículo #{sel_unico}? Ele sai da finalização (as entregas já classificadas continuam no pagamento)." },
-                  class: 'text-gray-400 hover:text-white border border-[#2a2a2a] hover:border-red-500/50 px-3 py-2 rounded-lg text-xs min-h-[40px]' %>
+                  form: { data: { turbo_confirm: "Arquivar o veículo #{sel_unico}? Ele sai da finalização (as entregas já classificadas continuam no pagamento)." } },
+                  class: 'text-gray-400 hover:text-white border border-[#2a2a2a] hover:border-red-500/50 px-3 py-2 rounded-lg text-xs min-h-[40px] inline-flex items-center gap-1.5' do %>
+                <%= icone :arquivar, cor: nil, tamanho: 'w-4 h-4' %> Arquivar veículo
+              <% end %>
               <span class="text-gray-500 text-xs" data-validacao-target="consolidarHint">
                 <%= status_unico[:completo] ? 'Pronto para consolidar.' : 'Classifique 100% deste veículo para consolidar.' %>
               </span>
@@ -160,7 +163,7 @@
       <%# Oculta/mostra o resumo lateral (mais largura para a lista) %>
       <button type="button" data-action="validacao#toggleResumo"
               class="text-gray-400 hover:text-white text-sm border border-[#2a2a2a] hover:border-orange-500 px-3 py-2 rounded-lg whitespace-nowrap">
-        📊 <span data-validacao-target="btnResumoLabel">Ocultar resumo</span>
+        <%= icone :dashboard %> <span data-validacao-target="btnResumoLabel">Ocultar resumo</span>
       </button>
       <%= link_to params[:apenas_pendentes] == '1' ? 'Mostrar todas' : 'Apenas não classificadas',
           validar_consolidacao_consolidacao_entregas_path(@consolidacao, motorista: @motorista, vehicle: @veiculos_sel.presence,
@@ -182,20 +185,20 @@
       <%# Botão único + menu suspenso %>
       <button type="button" data-action="ferramentas#toggle"
               class="w-full md:w-auto inline-flex items-center justify-center gap-2 bg-[#1a1a1a] hover:bg-[#2a2a2a] text-white border border-dashed border-[#3a3a3a] hover:border-orange-500 font-semibold px-4 py-3 rounded-lg min-h-[48px]">
-        ➕ Adicionar lançamento
-        <span class="text-gray-500">▾</span>
+        <%= icone :adicionar %> Adicionar lançamento
+        <%= icone :expandir, cor: 'text-gray-500', espaco: false %>
       </button>
 
       <div data-ferramentas-target="menu"
            class="hidden absolute z-40 mt-2 w-72 bg-[#1a1a1a] border border-[#2a2a2a] rounded-xl shadow-xl overflow-hidden">
         <button type="button" data-action="apontamento-manual#abrir ferramentas#fechar"
                 class="w-full text-left px-4 py-3 hover:bg-[#2a2a2a] border-l-2 border-transparent hover:border-purple-500">
-          <span class="block text-white font-semibold">📝 Registrar entrega manualmente</span>
+          <span class="block text-white font-semibold"><%= icone :apontamento %> Registrar entrega manualmente</span>
           <span class="block text-gray-500 text-xs">fora da base de rastreio</span>
         </button>
         <button type="button" data-action="apontamento-termo#abrir ferramentas#fechar"
                 class="w-full text-left px-4 py-3 hover:bg-[#2a2a2a] border-t border-[#2a2a2a] border-l-2 border-l-transparent hover:border-l-blue-500">
-          <span class="block text-white font-semibold">📄 Entrega de termo</span>
+          <span class="block text-white font-semibold"><%= icone :documento %> Entrega de termo</span>
           <span class="block text-gray-500 text-xs">sem nota/código — só quantidade</span>
         </button>
       </div>
@@ -207,7 +210,7 @@
           <div class="flex items-center justify-between mb-1">
             <h2 class="text-xl font-bold text-white">Registro manual de entrega</h2>
             <button type="button" data-action="apontamento-manual#fechar"
-                    class="text-gray-500 hover:text-white text-2xl leading-none">✕</button>
+                    class="text-gray-500 hover:text-white leading-none" aria-label="Fechar"><%= icone :fechar, cor: nil, tamanho: 'w-6 h-6', espaco: false %></button>
           </div>
           <p class="text-gray-400 text-sm mb-4">Lançe uma entrega à mão, sem buscar na base de rastreio. Use quando o motorista foi ao local mas a nota ficou registrada com outro motorista.</p>
 
@@ -251,16 +254,16 @@
           <%# Pilares (múltiplos) %>
           <label class="block text-gray-400 text-sm mb-2">Classificar como <span class="text-gray-600">(pode marcar mais de uma)</span></label>
           <div class="grid grid-cols-2 gap-2 mb-3">
-            <% [['entrega_normal', '🚚 Entrega Normal',        Configuracao.preco_entrega],
-                ['retirada',       '📦 Retirada',             Configuracao.preco_retirada],
-                ['bonus',          '⭐ Bônus',                Configuracao.preco_bonus],
-                ['desconto',       '⚠️ Desconto',             Configuracao.preco_desconto],
-                ['extraordinaria', '✨ Entrega Extraordinária', Configuracao.preco_extraordinaria]].each do |tipo, label, preco| %>
+            <% [['entrega_normal', :caminhao,       'Entrega Normal',         Configuracao.preco_entrega],
+                ['retirada',       :retirada,       'Retirada',               Configuracao.preco_retirada],
+                ['bonus',          :bonus,          'Bônus',                  Configuracao.preco_bonus],
+                ['desconto',       :desconto,       'Desconto',               Configuracao.preco_desconto],
+                ['extraordinaria', :extraordinaria, 'Entrega Extraordinária', Configuracao.preco_extraordinaria]].each do |tipo, ic, label, preco| %>
               <label class="flex items-center gap-2 bg-[#0a0a0a] border border-[#2a2a2a] rounded-lg px-3 py-3 cursor-pointer hover:border-purple-500 text-sm text-white">
                 <input type="checkbox" value="<%= tipo %>" data-apontamento-manual-target="tipoCheck"
                        <%= 'checked' if tipo == 'entrega_normal' %>
                        class="accent-purple-500">
-                <span><%= label %><br><span class="text-gray-500 text-xs"><%= moeda(preco) %></span></span>
+                <span><%= icone ic %> <%= label %><br><span class="text-gray-500 text-xs"><%= moeda(preco) %></span></span>
               </label>
             <% end %>
           </div>
@@ -274,7 +277,7 @@
 
           <button type="button" data-action="apontamento-manual#adicionar"
                   class="w-full bg-green-600 hover:bg-green-500 text-white font-bold py-3.5 rounded-lg min-h-[48px]">
-            Adicionar apontamento ✓
+            Adicionar apontamento <%= icone :confirmar, cor: nil, espaco: false %>
           </button>
         </div>
       </div>
@@ -284,9 +287,9 @@
            class="hidden fixed inset-0 z-50 bg-black/70 flex items-center justify-center p-4">
         <div class="bg-[#1a1a1a] border border-[#2a2a2a] rounded-2xl w-full max-w-md p-6">
           <div class="flex items-center justify-between mb-1">
-            <h2 class="text-xl font-bold text-white">📄 Entrega de termo</h2>
+            <h2 class="text-xl font-bold text-white flex items-center gap-2"><%= icone :documento, espaco: false %> Entrega de termo</h2>
             <button type="button" data-action="apontamento-termo#fechar"
-                    class="text-gray-500 hover:text-white text-2xl leading-none">✕</button>
+                    class="text-gray-500 hover:text-white leading-none" aria-label="Fechar"><%= icone :fechar, cor: nil, tamanho: 'w-6 h-6', espaco: false %></button>
           </div>
           <p class="text-gray-400 text-sm mb-4">Entrega sem nota fiscal nem código de rastreio. Informe quantos termos de cada tipo foram entregues.</p>
 
@@ -295,7 +298,7 @@
           <%# Motorista (contexto da tela) %>
           <div class="bg-[#0a0a0a] border border-[#2a2a2a] rounded-lg px-4 py-3 mb-4">
             <p class="text-gray-500 text-xs">Motorista</p>
-            <p class="text-white font-semibold">🚚 <%= @motorista %></p>
+            <p class="text-white font-semibold"><%= icone :caminhao %> <%= @motorista %></p>
           </div>
 
           <%# Veículo (Q3) — a qual carro estes termos pertencem %>
@@ -311,7 +314,7 @@
           <%# Steppers de quantidade — termo normal e termo especial %>
           <div class="grid grid-cols-2 gap-3 mb-5">
             <div class="bg-[#0a0a0a] border border-[#2a2a2a] rounded-lg p-3">
-              <p class="text-white text-sm font-semibold text-center">📄 Termo Normal</p>
+              <p class="text-white text-sm font-semibold text-center"><%= icone :documento %> Termo Normal</p>
               <p class="text-blue-400 text-xs text-center mb-2"><%= moeda(@precos[:termo]) %> cada</p>
               <div class="flex items-center justify-center gap-2">
                 <button type="button" data-action="apontamento-termo#menos"
@@ -323,7 +326,7 @@
               </div>
             </div>
             <div class="bg-[#0a0a0a] border border-[#2a2a2a] rounded-lg p-3">
-              <p class="text-white text-sm font-semibold text-center">📋 Termo Especial</p>
+              <p class="text-white text-sm font-semibold text-center"><%= icone :termo_especial %> Termo Especial</p>
               <p class="text-cyan-400 text-xs text-center mb-2"><%= moeda(@precos[:termo_especial]) %> cada</p>
               <div class="flex items-center justify-center gap-2">
                 <button type="button" data-action="apontamento-termo#menosEspecial"
@@ -338,7 +341,7 @@
 
           <button type="button" data-action="apontamento-termo#adicionar"
                   class="w-full bg-green-600 hover:bg-green-500 text-white font-bold py-3.5 rounded-lg min-h-[48px]">
-            Adicionar termos ✓
+            Adicionar termos <%= icone :confirmar, cor: nil, espaco: false %>
           </button>
         </div>
       </div>
@@ -351,10 +354,10 @@
 
     <%# ── Lista de entregas (3 colunas) — área rolável ──── %>
     <div class="lg:col-span-3 space-y-2 lg:overflow-y-auto lg:pr-1" data-validacao-target="listaCol">
-      <%# 🔍 Busca na listagem — filtra os cards por NF, local, endereço ou veículo %>
+      <%# Busca na listagem — filtra os cards por NF, local, endereço ou veículo %>
       <div class="sticky top-0 z-20 bg-[#0a0a0a] pb-2">
         <div class="relative">
-          <span class="absolute left-3 top-1/2 -translate-y-1/2 text-gray-500 pointer-events-none">🔍</span>
+          <span class="absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none"><%= icone :buscar, cor: 'text-gray-500', espaco: false %></span>
           <input type="search" data-validacao-target="busca" data-action="input->validacao#filtrarBusca"
                  placeholder="Buscar NF, local, endereço ou veículo…" autocomplete="off"
                  class="w-full bg-[#1a1a1a] border border-[#2a2a2a] rounded-lg pl-10 pr-3 py-2.5 text-sm text-gray-200 placeholder-gray-500 focus:border-orange-500 focus:outline-none">
@@ -379,15 +382,15 @@
               <p class="text-white font-semibold truncate">
                 NF <%= e.numero_nf %> · <%= e.local %>
                 <% if e.falhada? %>
-                  <span class="ml-1 align-middle text-[10px] font-bold uppercase tracking-wide bg-red-500/20 text-red-400 border border-red-500/40 px-1.5 py-0.5 rounded">⚠️ Insucesso</span>
+                  <span class="ml-1 align-middle text-[10px] font-bold uppercase tracking-wide bg-red-500/20 text-red-400 border border-red-500/40 px-1.5 py-0.5 rounded"><%= icone :alerta, cor: nil, tamanho: 'w-3.5 h-3.5' %> Insucesso</span>
                 <% else %>
-                  <span class="ml-1 align-middle text-[10px] font-bold uppercase tracking-wide bg-green-500/20 text-green-400 border border-green-500/40 px-1.5 py-0.5 rounded">✓ Entregue</span>
+                  <span class="ml-1 align-middle text-[10px] font-bold uppercase tracking-wide bg-green-500/20 text-green-400 border border-green-500/40 px-1.5 py-0.5 rounded"><%= icone :confirmar, cor: nil, tamanho: 'w-3.5 h-3.5' %> Entregue</span>
                 <% end %>
               </p>
-              <p class="text-gray-400 text-xs truncate">📍 <%= e.address.presence || 'sem endereço' %></p>
+              <p class="text-gray-400 text-xs truncate"><%= icone :local %> <%= e.address.presence || 'sem endereço' %></p>
               <p class="text-gray-500 text-xs">
-                📅 <%= e.checkout&.strftime('%d/%m/%Y') || '—' %> · 🚚 <%= e.vehicle.presence || 'sem veículo' %>
-                <% if e.atraso_minutos > 0 %> · ⏱️ atraso <%= e.atraso_minutos %>min<% end %>
+                <%= icone :calendario %> <%= e.checkout&.strftime('%d/%m/%Y') || '—' %> · <%= icone :caminhao %> <%= e.vehicle.presence || 'sem veículo' %>
+                <% if e.atraso_minutos > 0 %> · <%= icone :relogio, cor: 'text-amber-400' %> atraso <%= e.atraso_minutos %>min<% end %>
               </p>
             </div>
 
@@ -412,7 +415,7 @@
         <% end %>
       <% else %>
         <div class="bg-[#1a1a1a] border border-[#2a2a2a] rounded-xl p-10 text-center">
-          <p class="text-4xl mb-3">🎉</p>
+          <p class="mb-3"><%= icone :sucesso, tamanho: 'w-10 h-10', cor: 'text-green-500', espaco: false %></p>
           <p class="text-gray-400">Nenhuma entrega pendente neste filtro.</p>
         </div>
       <% end %>
@@ -421,7 +424,7 @@
     <%# ── Resumo lateral (1 coluna) — rola junto se precisar ─────── %>
     <div class="lg:col-span-1 lg:overflow-y-auto" data-validacao-target="resumo">
       <div class="bg-[#1a1a1a] border border-[#2a2a2a] rounded-xl p-5 space-y-4">
-        <h3 class="text-white font-bold">📊 Resumo</h3>
+        <h3 class="text-white font-bold flex items-center gap-2"><%= icone :dashboard, espaco: false %> Resumo</h3>
 
         <div class="space-y-2 text-sm">
           <div class="flex justify-between items-center">
@@ -465,13 +468,13 @@
         </div>
 
         <div class="border-t border-[#2a2a2a] pt-4 text-xs text-gray-500 space-y-1">
-          <p>💰 Normal: <%= moeda(@precos[:entrega_normal]) %></p>
-          <p>📦 Retirada: <%= moeda(@precos[:retirada]) %></p>
-          <p>⭐ Bônus: <%= moeda(@precos[:bonus]) %></p>
-          <p>⚠️ Desconto: -<%= moeda(@precos[:desconto]) %></p>
-          <p>✨ Extraordinária: <%= moeda(@precos[:extraordinaria]) %> (valor por entrega)</p>
-          <p>📄 Termo: <%= moeda(@precos[:termo]) %></p>
-          <p>📋 Termo Especial: <%= moeda(@precos[:termo_especial]) %></p>
+          <p><%= icone :dinheiro %> Normal: <%= moeda(@precos[:entrega_normal]) %></p>
+          <p><%= icone :retirada %> Retirada: <%= moeda(@precos[:retirada]) %></p>
+          <p><%= icone :bonus %> Bônus: <%= moeda(@precos[:bonus]) %></p>
+          <p><%= icone :desconto %> Desconto: -<%= moeda(@precos[:desconto]) %></p>
+          <p><%= icone :extraordinaria %> Extraordinária: <%= moeda(@precos[:extraordinaria]) %> (valor por entrega)</p>
+          <p><%= icone :documento %> Termo: <%= moeda(@precos[:termo]) %></p>
+          <p><%= icone :termo_especial %> Termo Especial: <%= moeda(@precos[:termo_especial]) %></p>
         </div>
       </div>
     </div>
diff --git a/app/views/consolidacao_mailer/pagamento_efetuado.html.erb b/app/views/consolidacao_mailer/pagamento_efetuado.html.erb
index 412d753..fcdcefa 100644
--- a/app/views/consolidacao_mailer/pagamento_efetuado.html.erb
+++ b/app/views/consolidacao_mailer/pagamento_efetuado.html.erb
@@ -7,7 +7,7 @@
   </div>
 
   <div style="background: #ffffff; padding: 28px;">
-    <h2 style="color: #0a0a0a; margin-top: 0;">Olá, <%= @user.nome.split.first %>! ✅</h2>
+    <h2 style="color: #0a0a0a; margin-top: 0;">Olá, <%= @user.nome.split.first %>!</h2>
 
     <p style="color: #374151; font-size: 15px; line-height: 1.6;">
       Seu pagamento de entregas foi <strong>efetuado</strong> pela empresa.
diff --git a/app/views/consolidacao_mailer/pagamento_fechado.html.erb b/app/views/consolidacao_mailer/pagamento_fechado.html.erb
index 1a5606f..99aa8f2 100644
--- a/app/views/consolidacao_mailer/pagamento_fechado.html.erb
+++ b/app/views/consolidacao_mailer/pagamento_fechado.html.erb
@@ -7,7 +7,7 @@
   </div>
 
   <div style="background: #ffffff; padding: 28px;">
-    <h2 style="color: #0a0a0a; margin-top: 0;">Olá, <%= @user.nome.split.first %>! 👋</h2>
+    <h2 style="color: #0a0a0a; margin-top: 0;">Olá, <%= @user.nome.split.first %>!</h2>
 
     <p style="color: #374151; font-size: 15px; line-height: 1.6;">
       Seu pagamento de entregas foi fechado pela empresa.
diff --git a/app/views/consolidacoes/arquivadas.html.erb b/app/views/consolidacoes/arquivadas.html.erb
index 2a97621..80a528f 100644
--- a/app/views/consolidacoes/arquivadas.html.erb
+++ b/app/views/consolidacoes/arquivadas.html.erb
@@ -2,8 +2,8 @@
 <% content_for :title, 'Consolidações arquivadas' %>
 
 <div class="flex items-center justify-between mb-6">
-  <h1 class="text-2xl font-bold text-white">📁 Consolidações arquivadas</h1>
-  <%= link_to '← Voltar às ativas', consolidacoes_path,
+  <h1 class="text-2xl font-bold text-white flex items-center gap-2"><%= icone :arquivadas, espaco: false %> Consolidações arquivadas</h1>
+  <%= link_to rotulo(:voltar, 'Voltar às ativas', cor: nil), consolidacoes_path,
       class: 'text-gray-400 hover:text-white border border-[#2a2a2a] px-4 py-3 rounded-lg min-h-[48px] flex items-center' %>
 </div>
 
@@ -26,12 +26,12 @@
               <%= badge_status(c.status) %>
             </div>
             <p class="text-gray-400 text-sm">
-              📅 <%= l c.data_inicio, format: :short %> → <%= l c.data_fim, format: :short %>
-              · 👤 <%= c.consolidacao_motoristas.count %> motorista(s)
+              <%= icone :calendario %> <%= l c.data_inicio, format: :short %> <%= icone :avancar, tamanho: 'w-3.5 h-3.5' %> <%= l c.data_fim, format: :short %>
+              · <%= icone :pessoa %> <%= c.consolidacao_motoristas.count %> motorista(s)
               · Criada por <%= c.criador.nome_display %>
             </p>
             <p class="text-gray-500 text-xs mt-1">
-              📁 Arquivada
+              <%= icone :arquivar %> Arquivada
               <% if c.arquivado_em.present? %>em <%= l c.arquivado_em, format: :short %><% end %>
               <% if c.arquivador.present? %>por <%= c.arquivador.nome_display %><% end %>
             </p>
@@ -45,12 +45,16 @@
 
             <% if policy(c).destroy? %>
               <div class="flex gap-2">
-                <%= button_to '♻️ Reativar', reativar_consolidacao_path(c), method: :post,
+                <%= button_to reativar_consolidacao_path(c), method: :post,
                     form: { data: { turbo_confirm: 'Reativar esta consolidação? Ela voltará para a lista de ativas.' } },
-                    class: 'bg-orange-500 hover:bg-orange-600 text-black font-bold px-4 py-2.5 rounded-lg text-sm min-h-[44px]' %>
-                <%= button_to '🗑️ Excluir', consolidacao_path(c), method: :delete,
+                    class: 'bg-orange-500 hover:bg-orange-600 text-black font-bold px-4 py-2.5 rounded-lg text-sm min-h-[44px] inline-flex items-center gap-2' do %>
+                  <%= icone :restaurar, cor: nil, tamanho: 'w-5 h-5' %> Reativar
+                <% end %>
+                <%= button_to consolidacao_path(c), method: :delete,
                     form: { data: { turbo_confirm: 'EXCLUIR PERMANENTEMENTE esta consolidação e todas as suas classificações? Esta ação NÃO pode ser desfeita.' } },
-                    class: 'text-red-400 hover:text-white hover:bg-red-600 border border-red-900 px-4 py-2.5 rounded-lg text-sm min-h-[44px]' %>
+                    class: 'text-red-400 hover:text-white hover:bg-red-600 border border-red-900 px-4 py-2.5 rounded-lg text-sm min-h-[44px] inline-flex items-center gap-2' do %>
+                  <%= icone :excluir, cor: nil, tamanho: 'w-5 h-5' %> Excluir
+                <% end %>
               </div>
             <% end %>
           </div>
@@ -60,7 +64,7 @@
   </div>
 <% else %>
   <div class="bg-[#1a1a1a] border border-[#2a2a2a] rounded-xl p-12 text-center">
-    <p class="text-5xl mb-4">🗂️</p>
+    <p class="mb-4"><%= icone :pasta, tamanho: 'w-12 h-12', cor: 'text-gray-600', espaco: false %></p>
     <p class="text-gray-400 mb-4">Nenhuma consolidação arquivada.</p>
     <%= link_to 'Ver consolidações ativas', consolidacoes_path,
         class: 'inline-block bg-orange-500 hover:bg-orange-600 text-black font-bold px-5 py-3 rounded-lg' %>
diff --git a/app/views/consolidacoes/index.html.erb b/app/views/consolidacoes/index.html.erb
index 31dad30..64df335 100644
--- a/app/views/consolidacoes/index.html.erb
+++ b/app/views/consolidacoes/index.html.erb
@@ -4,14 +4,14 @@
 <div data-controller="nota-avulsa"
      data-nota-avulsa-buscar-url-value="<%= buscar_nf_consolidacoes_path %>">
   <div class="flex items-center justify-between mb-6">
-    <h1 class="text-2xl font-bold text-white">📦 Consolidações</h1>
+    <h1 class="text-2xl font-bold text-white flex items-center gap-2"><%= icone :consolidacoes, espaco: false %> Consolidações</h1>
     <div class="flex gap-2">
-      <%= link_to '📁 Arquivadas', arquivadas_consolidacoes_path,
+      <%= link_to rotulo(:arquivadas, 'Arquivadas', cor: nil), arquivadas_consolidacoes_path,
           class: 'text-gray-400 hover:text-white border border-[#2a2a2a] px-4 py-3 rounded-lg min-h-[48px] flex items-center transition-colors' %>
       <% if policy(Consolidacao).create? %>
         <button type="button" data-action="nota-avulsa#abrir"
-                class="text-white border border-dashed border-orange-500/60 hover:border-orange-500 font-semibold px-4 py-3 rounded-lg min-h-[48px] flex items-center transition-colors">
-          ➕ Nota avulsa
+                class="text-white border border-dashed border-orange-500/60 hover:border-orange-500 font-semibold px-4 py-3 rounded-lg min-h-[48px] flex items-center gap-2 transition-colors">
+          <%= icone :adicionar %> Nota avulsa
         </button>
       <% end %>
       <%= link_to '+ Nova Consolidação', new_consolidacao_path,
@@ -25,9 +25,9 @@
          class="hidden fixed inset-0 z-50 bg-black/70 flex items-center justify-center p-4">
       <div class="bg-[#1a1a1a] border border-[#2a2a2a] rounded-2xl w-full max-w-lg p-6 max-h-[90vh] overflow-y-auto text-left">
         <div class="flex items-center justify-between mb-1">
-          <h2 class="text-xl font-bold text-white">➕ Nota avulsa</h2>
+          <h2 class="text-xl font-bold text-white flex items-center gap-2"><%= icone :adicionar, espaco: false %> Nota avulsa</h2>
           <button type="button" data-action="nota-avulsa#fechar"
-                  class="text-gray-500 hover:text-white text-2xl leading-none">✕</button>
+                  class="text-gray-500 hover:text-white leading-none" aria-label="Fechar"><%= icone :fechar, cor: nil, tamanho: 'w-6 h-6', espaco: false %></button>
         </div>
         <p class="text-gray-400 text-sm mb-4">Para uma nota que chegou por fora: busque a NF e crie uma consolidação já com o apontamento do motorista.</p>
 
@@ -50,14 +50,14 @@
           <div data-nota-avulsa-target="confirmar" class="hidden border-t border-[#2a2a2a] pt-4">
             <label class="block text-gray-400 text-sm mb-2">Classificar como <span class="text-gray-600">(pode marcar mais de uma)</span></label>
             <div class="grid grid-cols-2 gap-2 mb-4">
-              <% [['entrega_normal', '🚚 Entrega Normal',        Configuracao.preco_entrega],
-                  ['retirada',       '📦 Retirada',             Configuracao.preco_retirada],
-                  ['bonus',          '⭐ Bônus',                Configuracao.preco_bonus],
-                  ['desconto',       '⚠️ Desconto',             Configuracao.preco_desconto],
-                  ['extraordinaria', '✨ Entrega Extraordinária', Configuracao.preco_extraordinaria]].each do |tipo, label, preco| %>
+              <% [['entrega_normal', :caminhao,       'Entrega Normal',         Configuracao.preco_entrega],
+                  ['retirada',       :retirada,       'Retirada',               Configuracao.preco_retirada],
+                  ['bonus',          :bonus,          'Bônus',                  Configuracao.preco_bonus],
+                  ['desconto',       :desconto,       'Desconto',               Configuracao.preco_desconto],
+                  ['extraordinaria', :extraordinaria, 'Entrega Extraordinária', Configuracao.preco_extraordinaria]].each do |tipo, ic, label, preco| %>
                 <label class="flex items-center gap-2 bg-[#0a0a0a] border border-[#2a2a2a] rounded-lg px-3 py-3 cursor-pointer hover:border-orange-500 text-sm text-white">
                   <%= check_box_tag 'tipos[]', tipo, tipo == 'entrega_normal', id: nil, class: 'accent-orange-500' %>
-                  <span><%= label %><br><span class="text-gray-500 text-xs"><%= moeda(preco) %></span></span>
+                  <span><%= icone ic %> <%= label %><br><span class="text-gray-500 text-xs"><%= moeda(preco) %></span></span>
                 </label>
               <% end %>
             </div>
@@ -77,11 +77,11 @@
       class: 'bg-[#0a0a0a] border border-[#2a2a2a] text-white rounded-lg px-3 py-2.5 focus:border-orange-500 focus:outline-none' %>
 
   <%= f.select :status,
-      options_for_select([['Todos os status', ''], ['📝 Rascunho', 'rascunho'], ['✅ Finalizada', 'finalizada']], params[:status]),
+      options_for_select([['Todos os status', ''], ['Rascunho', 'rascunho'], ['Finalizada', 'finalizada']], params[:status]),
       {}, class: 'bg-[#0a0a0a] border border-[#2a2a2a] text-white rounded-lg px-3 py-2.5' %>
 
   <%= f.select :pagamento,
-      options_for_select([['💵 Pagamento (todos)', ''], ['💰 Pagas', 'pago'], ['⏳ Parciais', 'parcial'], ['🕗 Pendentes', 'pendente']], params[:pagamento]),
+      options_for_select([['Pagamento (todos)', ''], ['Pagas', 'pago'], ['Parciais', 'parcial'], ['Pendentes', 'pendente']], params[:pagamento]),
       {}, class: 'bg-[#0a0a0a] border border-[#2a2a2a] text-white rounded-lg px-3 py-2.5' %>
 
   <%= f.date_field :inicio, value: params[:inicio],
@@ -110,12 +110,12 @@
               <% if c.finalizada? %><%= badge_pagamento(c.status_pagamento) %><% end %>
             </div>
             <p class="text-gray-400 text-sm">
-              📅 <%= l c.data_inicio, format: :short %> → <%= l c.data_fim, format: :short %>
-              · 👤 <%= c.consolidacao_motoristas.count %> motorista(s)
+              <%= icone :calendario %> <%= l c.data_inicio, format: :short %> → <%= l c.data_fim, format: :short %>
+              · <%= icone :pessoa %> <%= c.consolidacao_motoristas.count %> motorista(s)
               · Criada por <%= c.criador.nome_display %>
             </p>
             <% if c.operacoes.present? %>
-              <p class="text-gray-500 text-xs mt-1">🗂️ <%= c.operacoes_label.join(' · ') %></p>
+              <p class="text-gray-500 text-xs mt-1"><%= icone :pasta %> <%= c.operacoes_label.join(' · ') %></p>
             <% end %>
           </div>
           <div class="text-right">
@@ -128,7 +128,7 @@
   </div>
 <% else %>
   <div class="bg-[#1a1a1a] border border-[#2a2a2a] rounded-xl p-12 text-center">
-    <p class="text-5xl mb-4">📭</p>
+    <p class="mb-4"><%= icone :vazio, tamanho: 'w-12 h-12', cor: 'text-gray-600', espaco: false %></p>
     <p class="text-gray-400 mb-4">Nenhuma consolidação encontrada.</p>
     <%= link_to 'Criar primeira consolidação', new_consolidacao_path,
         class: 'inline-block bg-orange-500 hover:bg-orange-600 text-black font-bold px-5 py-3 rounded-lg' %>
diff --git a/app/views/consolidacoes/new.html.erb b/app/views/consolidacoes/new.html.erb
index 23e3c69..8afa4b0 100644
--- a/app/views/consolidacoes/new.html.erb
+++ b/app/views/consolidacoes/new.html.erb
@@ -2,13 +2,13 @@
 <% content_for :title, 'Nova Consolidação' %>
 
 <div class="max-w-3xl mx-auto">
-  <h1 class="text-2xl font-bold text-white mb-6">➕ Nova Consolidação</h1>
+  <h1 class="text-2xl font-bold text-white mb-6 flex items-center gap-2"><%= icone :adicionar, espaco: false %> Nova Consolidação</h1>
 
   <%= form_with model: @consolidacao, class: 'bg-[#1a1a1a] border border-[#2a2a2a] rounded-xl p-6 space-y-6' do |f| %>
 
     <% if @consolidacao.errors.any? %>
       <div class="bg-red-900/40 border border-red-600 rounded-lg p-4">
-        <p class="text-red-400 font-bold mb-1">⚠️ Corrija os erros:</p>
+        <p class="text-red-400 font-bold mb-1 flex items-center gap-2"><%= icone :alerta, cor: nil, espaco: false %> Corrija os erros:</p>
         <ul class="text-red-300 text-sm list-disc list-inside">
           <% @consolidacao.errors.full_messages.each do |msg| %>
             <li><%= msg %></li>
@@ -20,7 +20,7 @@
     <%# Operação — multi-select opcional (pré-preenche e filtra por NF) %>
     <div>
       <label class="block text-white font-semibold mb-2">
-        🗂️ Operação <span class="text-gray-500 font-normal text-sm">(opcional — preenche motoristas, veículos e período, e filtra as entregas por nota fiscal)</span>
+        <%= icone :pasta %> Operação <span class="text-gray-500 font-normal text-sm">(opcional — preenche motoristas, veículos e período, e filtra as entregas por nota fiscal)</span>
       </label>
       <div id="operacoes-lista"
            class="bg-[#0a0a0a] border border-[#2a2a2a] rounded-lg p-3 max-h-48 overflow-y-auto space-y-1">
diff --git a/app/views/consolidacoes/show.html.erb b/app/views/consolidacoes/show.html.erb
index 27cdb67..2c844fd 100644
--- a/app/views/consolidacoes/show.html.erb
+++ b/app/views/consolidacoes/show.html.erb
@@ -15,7 +15,7 @@
           <% if @consolidacao.finalizada? %><%= badge_pagamento(@consolidacao.status_pagamento) %><% end %>
         </div>
         <p class="text-gray-400 text-sm mt-1">
-          📅 <%= l @consolidacao.data_inicio, format: :short %> → <%= l @consolidacao.data_fim, format: :short %>
+          <%= icone :calendario %> <%= l @consolidacao.data_inicio, format: :short %> <%= icone :avancar, tamanho: 'w-3.5 h-3.5' %> <%= l @consolidacao.data_fim, format: :short %>
           · Criada por <%= @consolidacao.criador.nome_display %>
           <% if @consolidacao.finalizada? %>
             · Finalizada por <%= @consolidacao.finalizador&.nome_display %> em <%= l @consolidacao.finalizado_em, format: :short %>
@@ -23,7 +23,7 @@
         </p>
         <% if @consolidacao.operacoes.present? %>
           <p class="text-gray-400 text-sm mt-1">
-            🗂️ Operação:
+            <%= icone :pasta %> Operação:
             <% @consolidacao.operacoes_label.each do |op| %>
               <span class="inline-block bg-[#2a2a2a] text-gray-200 rounded-full px-2.5 py-0.5 text-xs"><%= op %></span>
             <% end %>
@@ -32,16 +32,18 @@
       </div>
       <div class="flex gap-2">
         <% if @consolidacao.rascunho? %>
-          <%= link_to '✏️ Continuar validação', wizard_consolidacao_path(@consolidacao),
+          <%= link_to rotulo(:editar, 'Continuar validação', cor: nil), wizard_consolidacao_path(@consolidacao),
               class: 'bg-orange-500 hover:bg-orange-600 text-black font-bold px-5 py-3 rounded-lg min-h-[48px] flex items-center' %>
         <% end %>
-        <%= link_to '📊 Relatório financeiro', gerar_pdf_financeiro_consolidacao_path(@consolidacao),
+        <%= link_to rotulo(:dashboard, 'Relatório financeiro', cor: nil), gerar_pdf_financeiro_consolidacao_path(@consolidacao),
             data: { turbo: false },
             class: 'bg-[#1a1a1a] hover:bg-[#2a2a2a] text-white border border-orange-500 font-semibold px-4 py-3 rounded-lg min-h-[48px] flex items-center' %>
         <% if policy(@consolidacao).destroy? && !@consolidacao.arquivada? %>
-          <%= button_to '📁 Arquivar', arquivar_consolidacao_path(@consolidacao), method: :post,
+          <%= button_to arquivar_consolidacao_path(@consolidacao), method: :post,
               form: { data: { turbo_confirm: 'Arquivar esta consolidação? Ela não será excluída, apenas movida para o arquivo.' } },
-              class: 'text-gray-400 hover:text-white border border-[#2a2a2a] px-4 py-3 rounded-lg min-h-[48px]' %>
+              class: 'text-gray-400 hover:text-white border border-[#2a2a2a] px-4 py-3 rounded-lg min-h-[48px] flex items-center gap-2' do %>
+            <%= icone :arquivar, cor: nil, tamanho: 'w-5 h-5' %> Arquivar
+          <% end %>
         <% end %>
       </div>
     </div>
@@ -49,7 +51,7 @@
     <%# ── Pagamento da operação inteira ─────────────────────── %>
     <% if pode_pagar %>
       <div class="flex flex-col sm:flex-row sm:items-center gap-2 mt-4 bg-[#1a1a1a] border border-[#2a2a2a] rounded-xl p-4">
-        <span class="text-gray-400 text-sm font-medium mr-1">💵 Operação inteira:</span>
+        <span class="text-gray-400 text-sm font-medium mr-1"><%= icone :pagamento %> Operação inteira:</span>
         <% if @consolidacao.status_pagamento != :pago %>
           <%# Form único (id) — os inputs de NF e os botões "Marcar pago" de cada
               linha se associam a ele via atributo HTML5 form=, evitando <form> aninhado. %>
@@ -57,15 +59,19 @@
               id: 'form-pagar-tudo', class: 'flex items-center gap-2' do |f| %>
             <%= f.select :forma_pagamento, options_for_select(formas_pagamento, 'pix'),
                 {}, class: 'bg-[#0a0a0a] border border-[#2a2a2a] text-white rounded-lg px-3 py-2.5 text-sm' %>
-            <%= f.submit '💰 Marcar tudo como pago',
+            <%= f.button type: :submit,
                 data: { turbo_confirm: 'Marcar TODOS os motoristas pendentes desta consolidação como PAGOS? Confirme que a Nota Fiscal de cada um foi preenchida.' },
-                class: 'bg-green-600 hover:bg-green-700 text-white font-bold px-4 py-2.5 rounded-lg text-sm cursor-pointer min-h-[44px]' %>
+                class: 'bg-green-600 hover:bg-green-700 text-white font-bold px-4 py-2.5 rounded-lg text-sm cursor-pointer min-h-[44px] inline-flex items-center gap-2' do %>
+              <%= icone :dinheiro, cor: nil, tamanho: 'w-5 h-5' %> Marcar tudo como pago
+            <% end %>
           <% end %>
         <% end %>
         <% if @consolidacao.status_pagamento != :pendente %>
-          <%= button_to '↩ Estornar tudo', cancelar_pagamento_consolidacao_path(@consolidacao), method: :post,
-              data: { turbo_confirm: 'Estornar o pagamento de TODOS os motoristas?' },
-              class: 'text-gray-400 hover:text-white border border-[#2a2a2a] px-4 py-2.5 rounded-lg text-sm min-h-[44px]' %>
+          <%= button_to cancelar_pagamento_consolidacao_path(@consolidacao), method: :post,
+              form: { data: { turbo_confirm: 'Estornar o pagamento de TODOS os motoristas?' } },
+              class: 'text-gray-400 hover:text-white border border-[#2a2a2a] px-4 py-2.5 rounded-lg text-sm min-h-[44px] inline-flex items-center gap-2' do %>
+            <%= icone :estornar, cor: nil, tamanho: 'w-5 h-5' %> Estornar tudo
+          <% end %>
         <% end %>
       </div>
     <% end %>
@@ -78,7 +84,7 @@
   </div>
 
   <%# Motoristas + botões de PDF %>
-  <h2 class="text-white font-bold text-lg mb-3">👥 Motoristas</h2>
+  <h2 class="text-white font-bold text-lg mb-3 flex items-center gap-2"><%= icone :usuarios, espaco: false %> Motoristas</h2>
   <div class="space-y-3">
     <% @motoristas.each do |cm| %>
       <div class="bg-[#1a1a1a] border border-[#2a2a2a] rounded-xl p-5">
@@ -91,45 +97,49 @@
               <% end %>
             </div>
             <p class="text-orange-500 font-black text-xl"><%= moeda(cm.valor_total) %></p>
-            <%# Breakdown por veículo (consolidados 🔒 / abertos). Informativo — o
+            <%# Breakdown por veículo (consolidados / abertos). Informativo — o
                 pagamento continua sendo do motorista inteiro. %>
             <% veiculos = @veiculos_por_motorista[cm.motorista_nome] %>
             <% if veiculos.present? %>
               <div class="flex flex-wrap gap-1.5 mt-1">
                 <% veiculos.each do |cv| %>
                   <span class="text-xs px-2 py-0.5 rounded border <%= cv.fechado? ? 'border-green-500/50 text-green-400' : 'border-[#2a2a2a] text-gray-400' %>">
-                    <%= cv.fechado? ? '🔒' : '○' %> <%= cv.vehicle %> · <%= moeda(cv.valor_total) %>
+                    <%= cv.fechado? ? icone(:travado, cor: nil, tamanho: 'w-3.5 h-3.5') : icone(:ponto_vazio, cor: nil, tamanho: 'w-3.5 h-3.5') %> <%= cv.vehicle %> · <%= moeda(cv.valor_total) %>
                   </span>
                 <% end %>
               </div>
             <% end %>
             <% if cm.pago? %>
               <p class="text-green-400 text-xs mt-1">
-                💰 Pago em <%= l cm.pago_em, format: :short %>
+                <%= icone :dinheiro, cor: nil %> Pago em <%= l cm.pago_em, format: :short %>
                 <% if cm.forma_pagamento.present? %>via <%= cm.forma_pagamento.humanize %><% end %>
                 <% if cm.pagador.present? %>por <%= cm.pagador.nome_display %><% end %>
               </p>
               <% if cm.nota_fiscal.present? %>
-                <p class="text-gray-300 text-xs mt-0.5">🧾 NF <%= cm.nota_fiscal %></p>
+                <p class="text-gray-300 text-xs mt-0.5"><%= icone :nota_fiscal %> NF <%= cm.nota_fiscal %></p>
               <% end %>
             <% end %>
 
             <% if pode_pagar %>
               <div class="mt-2">
                 <% if cm.pago? %>
-                  <%= button_to '↩ Estornar pagamento', cancelar_pagamento_consolidacao_path(@consolidacao, consolidacao_motorista_id: cm.id), method: :post,
-                      data: { turbo_confirm: "Estornar o pagamento de #{cm.motorista_nome}?" },
-                      class: 'text-gray-400 hover:text-white border border-[#2a2a2a] px-3 py-2 rounded-lg text-xs min-h-[40px]' %>
+                  <%= button_to cancelar_pagamento_consolidacao_path(@consolidacao, consolidacao_motorista_id: cm.id), method: :post,
+                      form: { data: { turbo_confirm: "Estornar o pagamento de #{cm.motorista_nome}?" } },
+                      class: 'text-gray-400 hover:text-white border border-[#2a2a2a] px-3 py-2 rounded-lg text-xs min-h-[40px] inline-flex items-center gap-1.5' do %>
+                    <%= icone :estornar, cor: nil, tamanho: 'w-4 h-4' %> Estornar pagamento
+                  <% end %>
                 <% else %>
                   <%# Inputs/botão associados ao form único #form-pagar-tudo via atributo form=. %>
                   <div class="flex items-center gap-2 flex-wrap">
                     <%= text_field_tag "notas_fiscais[#{cm.id}]", nil, form: 'form-pagar-tudo',
                         placeholder: 'Nº Nota Fiscal',
                         class: 'bg-[#0a0a0a] border border-[#2a2a2a] text-white rounded-lg px-2 py-2 text-xs w-36' %>
-                    <%= button_tag '💰 Marcar pago', type: :submit, form: 'form-pagar-tudo',
+                    <%= button_tag type: :submit, form: 'form-pagar-tudo',
                         name: 'consolidacao_motorista_id', value: cm.id,
                         data: { turbo_confirm: "Marcar #{cm.motorista_nome} como pago?" },
-                        class: 'bg-green-600 hover:bg-green-700 text-white font-bold px-3 py-2 rounded-lg text-xs cursor-pointer min-h-[40px]' %>
+                        class: 'bg-green-600 hover:bg-green-700 text-white font-bold px-3 py-2 rounded-lg text-xs cursor-pointer min-h-[40px] inline-flex items-center gap-1.5' do %>
+                      <%= icone :dinheiro, cor: nil, tamanho: 'w-4 h-4' %> Marcar pago
+                    <% end %>
                   </div>
                 <% end %>
               </div>
@@ -139,13 +149,13 @@
             <%# Preview abre modal %>
             <button onclick="abrirPreview('<%= preview_extrato_consolidacao_path(@consolidacao, motorista: cm.motorista_nome) %>')"
                     class="bg-[#0a0a0a] hover:bg-[#2a2a2a] text-white border border-orange-500 font-semibold px-4 py-3 rounded-lg text-sm min-h-[48px]">
-              👁️ Ver antes de gerar
+              <%= icone :visualizar %> Ver antes de gerar
             </button>
-            <%= link_to '📄 Relatório Individual',
+            <%= link_to rotulo(:documento, 'Relatório Individual', cor: nil),
                 gerar_pdf_relatorio_consolidacao_path(@consolidacao, motorista: cm.motorista_nome),
                 data: { turbo: false },
                 class: 'bg-orange-800 hover:bg-orange-700 text-white font-semibold px-4 py-3 rounded-lg text-sm min-h-[48px] flex items-center' %>
-            <%= link_to '🧾 Gerar Extrato',
+            <%= link_to rotulo(:nota_fiscal, 'Gerar Extrato', cor: nil),
                 gerar_pdf_extrato_consolidacao_path(@consolidacao, motorista: cm.motorista_nome),
                 data: { turbo: false },
                 class: 'bg-orange-500 hover:bg-orange-600 text-black font-bold px-4 py-3 rounded-lg text-sm min-h-[48px] flex items-center' %>
@@ -158,7 +168,7 @@
   <%# ── Apontamentos manuais (notas que chegaram por fora) ─────────────── %>
   <% if @apontamentos.present? %>
     <% pode_editar = !(@consolidacao.finalizada? && current_user.operador?) %>
-    <h2 class="text-white font-bold text-lg mt-8 mb-3">➕ Apontamentos manuais</h2>
+    <h2 class="text-white font-bold text-lg mt-8 mb-3 flex items-center gap-2"><%= icone :adicionar, espaco: false %> Apontamentos manuais</h2>
     <div class="bg-[#1a1a1a] border border-[#2a2a2a] rounded-xl overflow-hidden">
       <table class="w-full text-sm">
         <thead class="bg-[#0a0a0a] text-gray-400">
@@ -179,9 +189,9 @@
             <tr>
               <td class="px-4 py-3">
                 <p class="text-white font-bold"><%= if pilares.first.termo?
-                                                     '📄 Entrega de termo'
+                                                     rotulo(:documento, 'Entrega de termo')
                                                    elsif pilares.first.termo_especial?
-                                                     '📋 Entrega de termo especial'
+                                                     rotulo(:termo_especial, 'Entrega de termo especial')
                                                    else
                                                      "NF #{nf_exibida.presence || '—'}"
                                                    end %></p>
@@ -200,11 +210,12 @@
               <td class="px-4 py-3 text-right font-bold <%= total.negative? ? 'text-red-400' : 'text-white' %>"><%= moeda(total) %></td>
               <% if pode_editar %>
                 <td class="px-4 py-3 text-right">
-                  <%= button_to '✕ Remover',
-                      remover_apontamento_consolidacao_consolidacao_entregas_path(@consolidacao, tracking_id: pilares.first.tracking_id, motorista: motorista),
+                  <%= button_to remover_apontamento_consolidacao_consolidacao_entregas_path(@consolidacao, tracking_id: pilares.first.tracking_id, motorista: motorista),
                       method: :delete,
                       form: { data: { turbo_confirm: eh_termo ? "Remover a entrega de termo de #{motorista}?" : "Remover o apontamento da NF #{nf_exibida.presence || '—'} de #{motorista}?" } },
-                      class: 'text-gray-400 hover:text-red-400 border border-[#2a2a2a] hover:border-red-500/50 px-3 py-2 rounded-lg text-xs min-h-[40px]' %>
+                      class: 'text-gray-400 hover:text-red-400 border border-[#2a2a2a] hover:border-red-500/50 px-3 py-2 rounded-lg text-xs min-h-[40px] inline-flex items-center gap-1.5' do %>
+                    <%= icone :fechar, cor: nil, tamanho: 'w-3.5 h-3.5' %> Remover
+                  <% end %>
                 </td>
               <% end %>
             </tr>
@@ -219,8 +230,8 @@
 <div id="modal-preview" class="fixed inset-0 bg-black/80 z-50 hidden items-center justify-center p-4">
   <div class="bg-[#1a1a1a] border border-[#2a2a2a] rounded-2xl max-w-2xl w-full max-h-[85vh] flex flex-col">
     <div class="flex items-center justify-between px-6 py-4 border-b border-[#2a2a2a]">
-      <h3 class="text-white font-bold">👁️ Pré-visualização do Extrato</h3>
-      <button onclick="fecharPreview()" class="text-gray-400 hover:text-white text-2xl min-w-[44px] min-h-[44px]">✕</button>
+      <h3 class="text-white font-bold flex items-center gap-2"><%= icone :visualizar, espaco: false %> Pré-visualização do Extrato</h3>
+      <button onclick="fecharPreview()" class="text-gray-400 hover:text-white min-w-[44px] min-h-[44px]" aria-label="Fechar"><%= icone :fechar, cor: nil, tamanho: 'w-6 h-6', espaco: false %></button>
     </div>
     <div id="modal-preview-conteudo" class="overflow-y-auto p-6 flex-1">
       <div class="flex justify-center py-10"><div class="spinner w-10 h-10"></div></div>
@@ -228,11 +239,11 @@
     <div class="flex gap-3 px-6 py-4 border-t border-[#2a2a2a]">
       <a id="modal-confirmar" href="#" data-turbo="false"
          class="flex-1 bg-orange-500 hover:bg-orange-600 text-black font-bold py-3 rounded-lg text-center min-h-[48px] flex items-center justify-center">
-        ✓ Confirmar e baixar PDF
+        <%= icone :confirmar, cor: nil %> Confirmar e baixar PDF
       </a>
       <button onclick="fecharPreview()"
               class="px-6 py-3 text-gray-400 hover:text-white border border-[#2a2a2a] rounded-lg min-h-[48px]">
-        ← Voltar
+        <%= icone :voltar, cor: nil, tamanho: 'w-5 h-5' %> Voltar
       </button>
     </div>
   </div>
diff --git a/app/views/consolidacoes/wizard.html.erb b/app/views/consolidacoes/wizard.html.erb
index 0fba29b..b5c50cd 100644
--- a/app/views/consolidacoes/wizard.html.erb
+++ b/app/views/consolidacoes/wizard.html.erb
@@ -8,7 +8,7 @@
     <%= link_to '← Voltar para o resumo', consolidacao_path(@consolidacao), class: 'text-gray-500 hover:text-orange-500 text-sm' %>
     <h1 class="text-2xl font-bold text-white mt-2"><%= @consolidacao.nome %></h1>
     <p class="text-gray-400 text-sm">
-      📅 <%= l @consolidacao.data_inicio, format: :short %> → <%= l @consolidacao.data_fim, format: :short %>
+      <%= icone :calendario %> <%= l @consolidacao.data_inicio, format: :short %> <%= icone :avancar, tamanho: 'w-3.5 h-3.5' %> <%= l @consolidacao.data_fim, format: :short %>
       · <%= badge_status(@consolidacao.status) %>
     </p>
   </div>
@@ -42,20 +42,20 @@
       <%# Botão único + menu suspenso %>
       <button type="button" data-action="ferramentas#toggle"
               class="w-full md:w-auto inline-flex items-center justify-center gap-2 bg-[#1a1a1a] hover:bg-[#2a2a2a] text-white border border-dashed border-[#3a3a3a] hover:border-orange-500 font-semibold px-4 py-3 rounded-lg min-h-[48px]">
-        ➕ Adicionar / Ferramentas
-        <span class="text-gray-500">▾</span>
+        <%= icone :adicionar %> Adicionar / Ferramentas
+        <%= icone :expandir, cor: 'text-gray-500', espaco: false %>
       </button>
 
       <div data-ferramentas-target="menu"
            class="hidden absolute z-40 mt-2 w-72 bg-[#1a1a1a] border border-[#2a2a2a] rounded-xl shadow-xl overflow-hidden">
         <button type="button" data-action="apontamento#abrir ferramentas#fechar"
                 class="w-full text-left px-4 py-3 hover:bg-[#2a2a2a] border-l-2 border-transparent hover:border-orange-500">
-          <span class="block text-white font-semibold">📝 Apontamento manual</span>
+          <span class="block text-white font-semibold"><%= icone :apontamento %> Apontamento manual</span>
           <span class="block text-gray-500 text-xs">nota que chegou por fora (busca pela NF)</span>
         </button>
         <button type="button" data-action="adicionar-motorista#abrir ferramentas#fechar"
                 class="w-full text-left px-4 py-3 hover:bg-[#2a2a2a] border-t border-[#2a2a2a] border-l-2 border-l-transparent hover:border-l-green-500">
-          <span class="block text-white font-semibold">🧑‍✈️ Adicionar motorista</span>
+          <span class="block text-white font-semibold"><%= icone :motorista %> Adicionar motorista</span>
           <span class="block text-gray-500 text-xs">incluir/restaurar um motorista nesta consolidação</span>
         </button>
       </div>
@@ -67,7 +67,7 @@
           <div class="flex items-center justify-between mb-1">
             <h2 class="text-xl font-bold text-white">Apontamento manual</h2>
             <button type="button" data-action="apontamento#fechar"
-                    class="text-gray-500 hover:text-white text-2xl leading-none">✕</button>
+                    class="text-gray-500 hover:text-white leading-none" aria-label="Fechar"><%= icone :fechar, cor: nil, tamanho: 'w-6 h-6', espaco: false %></button>
           </div>
           <p class="text-gray-400 text-sm mb-4">Busque a nota pela base de rastreio e adicione ao fechamento do motorista correspondente.</p>
 
@@ -89,22 +89,22 @@
           <div data-apontamento-target="confirmar" class="hidden border-t border-[#2a2a2a] pt-4">
             <label class="block text-gray-400 text-sm mb-2">Classificar como <span class="text-gray-600">(pode marcar mais de uma)</span></label>
             <div class="grid grid-cols-2 gap-2 mb-4">
-              <% [['entrega_normal', '🚚 Entrega Normal',        Configuracao.preco_entrega],
-                  ['retirada',       '📦 Retirada',             Configuracao.preco_retirada],
-                  ['bonus',          '⭐ Bônus',                Configuracao.preco_bonus],
-                  ['desconto',       '⚠️ Desconto',             Configuracao.preco_desconto],
-                  ['extraordinaria', '✨ Entrega Extraordinária', Configuracao.preco_extraordinaria]].each do |tipo, label, preco| %>
+              <% [['entrega_normal', :caminhao,       'Entrega Normal',         Configuracao.preco_entrega],
+                  ['retirada',       :retirada,       'Retirada',               Configuracao.preco_retirada],
+                  ['bonus',          :bonus,          'Bônus',                  Configuracao.preco_bonus],
+                  ['desconto',       :desconto,       'Desconto',               Configuracao.preco_desconto],
+                  ['extraordinaria', :extraordinaria, 'Entrega Extraordinária', Configuracao.preco_extraordinaria]].each do |tipo, ic, label, preco| %>
                 <label class="flex items-center gap-2 bg-[#0a0a0a] border border-[#2a2a2a] rounded-lg px-3 py-3 cursor-pointer hover:border-orange-500 text-sm text-white">
                   <input type="checkbox" value="<%= tipo %>" data-apontamento-target="tipoCheck"
                          <%= 'checked' if tipo == 'entrega_normal' %>
                          class="accent-orange-500">
-                  <span><%= label %><br><span class="text-gray-500 text-xs"><%= moeda(preco) %></span></span>
+                  <span><%= icone ic %> <%= label %><br><span class="text-gray-500 text-xs"><%= moeda(preco) %></span></span>
                 </label>
               <% end %>
             </div>
             <button type="button" data-action="apontamento#apontar"
                     class="w-full bg-green-600 hover:bg-green-500 text-white font-bold py-3.5 rounded-lg min-h-[48px]">
-              Adicionar apontamento ✓
+              Adicionar apontamento <%= icone :confirmar, cor: nil, espaco: false %>
             </button>
           </div>
         </div>
@@ -115,9 +115,9 @@
            class="hidden fixed inset-0 z-50 bg-black/70 flex items-center justify-center p-4">
         <div class="bg-[#1a1a1a] border border-[#2a2a2a] rounded-2xl w-full max-w-md p-6">
           <div class="flex items-center justify-between mb-1">
-            <h2 class="text-xl font-bold text-white">🧑‍✈️ Adicionar motorista</h2>
+            <h2 class="text-xl font-bold text-white flex items-center gap-2"><%= icone :motorista, espaco: false %> Adicionar motorista</h2>
             <button type="button" data-action="adicionar-motorista#fechar"
-                    class="text-gray-500 hover:text-white text-2xl leading-none">✕</button>
+                    class="text-gray-500 hover:text-white leading-none" aria-label="Fechar"><%= icone :fechar, cor: nil, tamanho: 'w-6 h-6', espaco: false %></button>
           </div>
           <p class="text-gray-400 text-sm mb-4">Inclua um motorista nesta consolidação. Se ele estava arquivado, será restaurado.</p>
 
@@ -128,7 +128,7 @@
                    class="w-full bg-[#0a0a0a] border border-[#2a2a2a] text-white rounded-lg px-3 py-3 text-base focus:border-orange-500 focus:outline-none mb-4">
             <datalist id="motoristas-disponiveis">
               <% Array(@motoristas_periodo).each do |m| %>
-                <option value="<%= m[:nome] %>" label="<%= '🚚 ' + m[:veiculos].join(', ') if m[:veiculos].any? %>"></option>
+                <option value="<%= m[:nome] %>" label="<%= m[:veiculos].join(', ') if m[:veiculos].any? %>"></option>
               <% end %>
             </datalist>
 
@@ -141,7 +141,7 @@
                           class="w-full text-left px-3 py-2 bg-[#0a0a0a] border border-[#2a2a2a] hover:border-orange-500 rounded-lg">
                     <span class="block text-white text-sm font-semibold"><%= m[:nome] %></span>
                     <% if m[:veiculos].any? %>
-                      <span class="block text-gray-500 text-xs">🚚 <%= m[:veiculos].join(', ') %></span>
+                      <span class="block text-gray-500 text-xs"><%= icone :caminhao %> <%= m[:veiculos].join(', ') %></span>
                     <% end %>
                   </button>
                 <% end %>
@@ -152,7 +152,7 @@
 
             <button type="submit"
                     class="w-full bg-green-600 hover:bg-green-500 text-white font-bold py-3.5 rounded-lg min-h-[48px]">
-              Adicionar ✓
+              Adicionar <%= icone :confirmar, cor: nil, espaco: false %>
             </button>
           <% end %>
         </div>
@@ -174,7 +174,7 @@
             <div class="flex items-center gap-4">
               <div class="w-12 h-12 rounded-full flex items-center justify-center text-xl font-black
                           <%= m[:completo] ? 'bg-green-600 text-white' : 'bg-orange-500 text-black' %>">
-                <%= m[:completo] ? '✓' : m[:registro].motorista_nome.first.upcase %>
+                <%= m[:completo] ? icone(:confirmar, cor: nil, tamanho: 'w-7 h-7') : m[:registro].motorista_nome.first.upcase %>
               </div>
               <div>
                 <p class="text-white font-bold text-lg"><%= m[:registro].motorista_nome %></p>
@@ -184,13 +184,13 @@
                       <%= m[:classificadas] %>/<%= m[:total] %> classificadas
                     </span>
                   <% if m[:apontamentos].positive? %>
-                    · <span class="text-orange-400">➕ <%= m[:apontamentos] %> apontamento<%= 's' if m[:apontamentos] > 1 %></span>
+                    · <span class="text-orange-400"><%= icone :adicionar, cor: nil, tamanho: 'w-3.5 h-3.5' %> <%= m[:apontamentos] %> apontamento<%= 's' if m[:apontamentos] > 1 %></span>
                   <% end %>
                 </p>
                 <% if m[:veiculos_total] > 0 %>
                   <p class="text-xs mt-0.5">
                     <span class="<%= m[:veiculos_fechados] == m[:veiculos_total] ? 'text-green-400' : 'text-gray-400' %>">
-                      🚗 <%= m[:veiculos_fechados] %>/<%= m[:veiculos_total] %> veículo<%= 's' if m[:veiculos_total] > 1 %> consolidado<%= 's' if m[:veiculos_fechados] != 1 %>
+                      <%= icone :veiculo, cor: nil %> <%= m[:veiculos_fechados] %>/<%= m[:veiculos_total] %> veículo<%= 's' if m[:veiculos_total] > 1 %> consolidado<%= 's' if m[:veiculos_fechados] != 1 %>
                     </span>
                     <% if m[:veiculos_pendentes].any? %>
                       <span class="text-orange-400">· pendente<%= 's' if m[:veiculos_pendentes].size > 1 %>: <%= m[:veiculos_pendentes].join(', ') %></span>
@@ -201,7 +201,7 @@
             </div>
             <div class="text-right <%= 'pr-10' if pode_arquivar_motorista %>">
               <p class="text-orange-500 font-bold"><%= moeda(m[:registro].valor_total) %></p>
-              <span class="text-gray-600 text-2xl">→</span>
+              <%= icone :avancar, cor: 'text-gray-600', tamanho: 'w-6 h-6', espaco: false %>
             </div>
           </div>
           <div class="mt-3">
@@ -214,13 +214,14 @@
         <% end %>
 
         <% if pode_arquivar_motorista %>
-          <%= button_to '🗄️',
-              arquivar_motorista_consolidacao_path(@consolidacao, consolidacao_motorista_id: m[:registro].id),
+          <%= button_to arquivar_motorista_consolidacao_path(@consolidacao, consolidacao_motorista_id: m[:registro].id),
               method: :post,
               form: { data: { turbo_confirm: "Arquivar #{m[:registro].motorista_nome} desta consolidação? Você poderá restaurar depois." },
                       class: 'absolute top-3 right-3' },
               class: 'text-gray-500 hover:text-red-400 border border-[#2a2a2a] hover:border-red-500/50 rounded-lg w-9 h-9 flex items-center justify-center',
-              title: "Arquivar #{m[:registro].motorista_nome}" %>
+              title: "Arquivar #{m[:registro].motorista_nome}" do %>
+            <%= icone :arquivar, cor: nil, tamanho: 'w-5 h-5', espaco: false %>
+          <% end %>
         <% end %>
       </div>
     <% end %>
@@ -229,7 +230,7 @@
   <%# Motoristas arquivados — restauráveis %>
   <% if @arquivados.present? %>
     <div class="mt-6">
-      <h2 class="text-gray-400 font-semibold text-sm mb-2">🗄️ Motoristas arquivados (<%= @arquivados.size %>)</h2>
+      <h2 class="text-gray-400 font-semibold text-sm mb-2 flex items-center gap-2"><%= icone :arquivar, espaco: false %> Motoristas arquivados (<%= @arquivados.size %>)</h2>
       <div class="space-y-2">
         <% @arquivados.each do |cm| %>
           <div class="flex items-center justify-between bg-[#141414] border border-[#2a2a2a] border-dashed rounded-xl px-4 py-3">
@@ -239,17 +240,19 @@
             </div>
             <div class="flex items-center gap-2">
               <% if pode_arquivar_motorista %>
-                <%= button_to '♻️ Restaurar',
-                    desarquivar_motorista_consolidacao_path(@consolidacao, consolidacao_motorista_id: cm.id),
+                <%= button_to desarquivar_motorista_consolidacao_path(@consolidacao, consolidacao_motorista_id: cm.id),
                     method: :post,
-                    class: 'text-green-400 hover:text-green-300 border border-[#2a2a2a] hover:border-green-500/50 px-3 py-2 rounded-lg text-xs min-h-[40px]' %>
+                    class: 'text-green-400 hover:text-green-300 border border-[#2a2a2a] hover:border-green-500/50 px-3 py-2 rounded-lg text-xs min-h-[40px] inline-flex items-center gap-1.5' do %>
+                  <%= icone :restaurar, cor: nil, tamanho: 'w-4 h-4' %> Restaurar
+                <% end %>
               <% end %>
               <% if policy(@consolidacao).destroy? %>
-                <%= button_to '🗑️ Excluir',
-                    excluir_motorista_consolidacao_path(@consolidacao, consolidacao_motorista_id: cm.id),
+                <%= button_to excluir_motorista_consolidacao_path(@consolidacao, consolidacao_motorista_id: cm.id),
                     method: :delete,
                     form: { data: { turbo_confirm: "Excluir DEFINITIVAMENTE #{cm.motorista_nome} desta consolidação? Os lançamentos dele serão apagados e isso não pode ser desfeito." } },
-                    class: 'text-red-400 hover:text-red-300 border border-[#2a2a2a] hover:border-red-500/50 px-3 py-2 rounded-lg text-xs min-h-[40px]' %>
+                    class: 'text-red-400 hover:text-red-300 border border-[#2a2a2a] hover:border-red-500/50 px-3 py-2 rounded-lg text-xs min-h-[40px] inline-flex items-center gap-1.5' do %>
+                  <%= icone :excluir, cor: nil, tamanho: 'w-4 h-4' %> Excluir
+                <% end %>
               <% end %>
             </div>
           </div>
@@ -272,25 +275,28 @@
       <% if @consolidacao.rascunho? %>
         <div class="flex flex-col sm:flex-row gap-2">
           <% if !tudo_completo && tem_consolidados && tem_pendentes %>
-            <%= button_to '🔒 Arquivar pendentes e finalizar',
-                finalizar_parcial_consolidacao_path(@consolidacao),
+            <%= button_to finalizar_parcial_consolidacao_path(@consolidacao),
                 method: :post,
-                data: { turbo_confirm: 'Arquivar TODOS os veículos ainda não classificados 100% e finalizar? Eles ficam de fora desta consolidação (você resolve depois). Os veículos consolidados são pagos normalmente.' },
-                class: 'bg-orange-500 hover:bg-orange-600 text-black font-bold px-5 py-3.5 rounded-lg min-h-[48px] flex items-center justify-center text-center' %>
+                form: { data: { turbo_confirm: 'Arquivar TODOS os veículos ainda não classificados 100% e finalizar? Eles ficam de fora desta consolidação (você resolve depois). Os veículos consolidados são pagos normalmente.' } },
+                class: 'bg-orange-500 hover:bg-orange-600 text-black font-bold px-5 py-3.5 rounded-lg min-h-[48px] flex items-center justify-center text-center gap-2' do %>
+              <%= icone :travado, cor: nil, tamanho: 'w-5 h-5' %> Arquivar pendentes e finalizar
+            <% end %>
           <% end %>
-          <%= button_to 'Finalizar consolidação ✓', finalizar_consolidacao_path(@consolidacao),
+          <%= button_to finalizar_consolidacao_path(@consolidacao),
               method: :post,
               disabled: !tudo_completo,
-              data: { turbo_confirm: 'Finalizar? Após finalizada, a consolidação não poderá ser editada por operadores.' },
-              class: "font-bold px-6 py-3.5 rounded-lg min-h-[48px] transition-colors
-                      #{tudo_completo ? 'bg-green-600 hover:bg-green-500 text-white cursor-pointer' : 'bg-[#2a2a2a] text-gray-600 cursor-not-allowed'}" %>
+              form: { data: { turbo_confirm: 'Finalizar? Após finalizada, a consolidação não poderá ser editada por operadores.' } },
+              class: "font-bold px-6 py-3.5 rounded-lg min-h-[48px] transition-colors inline-flex items-center justify-center gap-2
+                      #{tudo_completo ? 'bg-green-600 hover:bg-green-500 text-white cursor-pointer' : 'bg-[#2a2a2a] text-gray-600 cursor-not-allowed'}" do %>
+            Finalizar consolidação <%= icone :confirmar, cor: nil, espaco: false %>
+          <% end %>
         </div>
       <% end %>
     </div>
   </div>
   <% unless tudo_completo %>
     <p class="text-gray-500 text-sm mt-2 text-center">
-      ⚠️ Classifique todas as entregas de todos os motoristas para finalizar tudo<% if tem_consolidados && tem_pendentes %> — ou use <strong>“Arquivar pendentes e finalizar”</strong> para fechar só os veículos já consolidados.<% end %>
+      <%= icone :alerta, cor: 'text-amber-400' %> Classifique todas as entregas de todos os motoristas para finalizar tudo<% if tem_consolidados && tem_pendentes %> — ou use <strong>“Arquivar pendentes e finalizar”</strong> para fechar só os veículos já consolidados.<% end %>
     </p>
   <% end %>
 </div>
diff --git a/app/views/dashboard/index.html.erb b/app/views/dashboard/index.html.erb
index cede46d..b95e0a8 100644
--- a/app/views/dashboard/index.html.erb
+++ b/app/views/dashboard/index.html.erb
@@ -55,7 +55,7 @@
     <%# Filtro de calendário — seleciona uma faixa de datas %>
     <form id="dashboard-filtro-form" method="get" action="<%= dashboard_path %>" data-turbo="false" class="flex flex-wrap items-center gap-2">
       <div class="relative">
-        <span class="pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-orange-500">📅</span>
+        <span class="pointer-events-none absolute right-3 top-1/2 -translate-y-1/2"><%= icone :calendario, espaco: false %></span>
         <input type="text" id="periodo-range" readonly placeholder="Selecione o período"
                value="<%= @periodo_inicio.strftime('%d/%m/%Y') %> até <%= @periodo_fim.strftime('%d/%m/%Y') %>"
                class="cursor-pointer pl-4 pr-10 py-2.5 bg-[#1a1a1a] border border-white/10 rounded-xl
@@ -79,14 +79,14 @@
       <% if @operacoes.any? %>
         <details class="relative" id="operacao-dropdown">
           <summary class="cursor-pointer list-none pl-4 pr-4 py-2.5 bg-[#1a1a1a] border border-white/10 rounded-xl text-white text-sm whitespace-nowrap hover:border-orange-500">
-            🗂️ <%= @operacao_filtro.present? ? "#{@operacao_filtro.size} operação(ões)" : 'Todas as operações' %>
+            <%= icone :pasta %> <%= @operacao_filtro.present? ? "#{@operacao_filtro.size} operação(ões)" : 'Todas as operações' %>
           </summary>
           <div class="absolute right-0 mt-2 z-30 w-72 max-h-80 overflow-y-auto bg-[#1a1a1a] border border-white/10 rounded-xl p-2 shadow-xl">
             <%# Limpar seleção — recarrega o dashboard sem filtro de operação %>
             <div class="flex items-center justify-between px-2 pb-2 mb-1 border-b border-white/10">
               <span class="text-xs uppercase tracking-wider text-gray-400">Operações</span>
               <% if @operacao_filtro.present? %>
-                <%= link_to '✕ Limpar', dashboard_path(inicio: @periodo_inicio.strftime('%Y-%m-%d'), fim: @periodo_fim.strftime('%Y-%m-%d')),
+                <%= link_to rotulo(:fechar, 'Limpar', cor: nil, tamanho: 'w-3.5 h-3.5'), dashboard_path(inicio: @periodo_inicio.strftime('%Y-%m-%d'), fim: @periodo_fim.strftime('%Y-%m-%d')),
                     data: { turbo: false }, class: 'text-xs text-orange-400 hover:text-orange-300 font-semibold' %>
               <% end %>
             </div>
@@ -107,7 +107,7 @@
       <% end %>
 
       <%# Imprimir relatório financeiro do período/operação atuais %>
-      <%= link_to '🖨️ Relatório',
+      <%= link_to rotulo(:imprimir, 'Relatório', cor: nil),
           dashboard_relatorio_financeiro_path(
             inicio: @periodo_inicio.strftime('%Y-%m-%d'),
             fim:    @periodo_fim.strftime('%Y-%m-%d'),
@@ -124,7 +124,7 @@
     <div class="sm:col-span-2 xl:col-span-1 bg-[#f97316] rounded-2xl p-6 relative overflow-hidden">
       <div class="absolute inset-0 bg-gradient-to-br from-orange-400/20 to-transparent"></div>
       <div class="relative">
-        <p class="text-orange-100 text-sm font-medium mb-2">💰 Valor Estimado</p>
+        <p class="text-orange-100 text-sm font-medium mb-2 flex items-center gap-2"><%= icone :dinheiro, cor: nil, espaco: false %> Valor Estimado</p>
         <p class="text-4xl font-black text-white mb-1">
           <%= moeda(@valor_estimado) %>
         </p>
@@ -136,7 +136,7 @@
 
     <%# Card destacado: total consolidado e pago (consolidações finalizadas do período) %>
     <div class="sm:col-span-2 xl:col-span-1 bg-[#1a1a1a] rounded-2xl border border-green-500/30 p-6">
-      <p class="text-gray-400 text-sm font-medium mb-2">💼 Consolidado / Pago</p>
+      <p class="text-gray-400 text-sm font-medium mb-2 flex items-center gap-2"><%= icone :consolidado_pago, espaco: false %> Consolidado / Pago</p>
       <p class="text-3xl font-black text-white mb-1"><%= moeda(@fin_custo_total) %></p>
       <p class="text-gray-400 text-xs mb-2">consolidado no período</p>
       <div class="flex items-center gap-2 text-sm border-t border-white/5 pt-2">
@@ -147,7 +147,7 @@
 
     <%# Card 2: Total de entregas %>
     <div class="bg-[#1a1a1a] rounded-2xl border border-white/5 p-6">
-      <p class="text-gray-400 text-sm font-medium mb-2">📦 Total Entregas</p>
+      <p class="text-gray-400 text-sm font-medium mb-2 flex items-center gap-2"><%= icone :consolidacoes, espaco: false %> Total Entregas</p>
       <p class="text-4xl font-black text-white mb-1"><%= @total_entregas %></p>
       <div class="flex flex-wrap items-center gap-x-2 gap-y-1 text-sm">
         <span class="text-green-400"><%= @entregas_pagas %> entregues</span>
@@ -160,7 +160,7 @@
 
     <%# Card 3: Consolidações %>
     <div class="bg-[#1a1a1a] rounded-2xl border border-white/5 p-6">
-      <p class="text-gray-400 text-sm font-medium mb-2">📋 Consolidações</p>
+      <p class="text-gray-400 text-sm font-medium mb-2 flex items-center gap-2"><%= icone :planilha, espaco: false %> Consolidações</p>
       <p class="text-4xl font-black text-white mb-1"><%= @consolidacoes_mes.count %></p>
       <div class="flex items-center gap-2 text-sm">
         <span class="text-yellow-500"><%= @consolidacoes_abertas %> abertas</span>
@@ -171,7 +171,7 @@
 
     <%# Card 4: Motoristas ativos %>
     <div class="bg-[#1a1a1a] rounded-2xl border border-white/5 p-6">
-      <p class="text-gray-400 text-sm font-medium mb-2">🚗 Motoristas</p>
+      <p class="text-gray-400 text-sm font-medium mb-2 flex items-center gap-2"><%= icone :veiculo, espaco: false %> Motoristas</p>
       <p class="text-4xl font-black text-white mb-1"><%= @motoristas.count %></p>
       <p class="text-gray-400 text-sm">com entregas no período</p>
     </div>
@@ -180,22 +180,22 @@
   <%# KPIs FINANCEIROS (consolidações finalizadas, já com filtro de operação) %>
   <div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-4">
     <div class="bg-[#1a1a1a] rounded-2xl border border-white/5 p-6">
-      <p class="text-gray-400 text-sm font-medium mb-2">💰 Custo total</p>
+      <p class="text-gray-400 text-sm font-medium mb-2 flex items-center gap-2"><%= icone :dinheiro, espaco: false %> Custo total</p>
       <p class="text-3xl font-black text-white"><%= moeda(@fin_custo_total) %></p>
       <p class="text-gray-400 text-xs mt-1"><%= @fin_qtd_entregas %> entregas classificadas</p>
     </div>
     <div class="bg-[#1a1a1a] rounded-2xl border border-white/5 p-6">
-      <p class="text-gray-400 text-sm font-medium mb-2">🎫 Ticket médio</p>
+      <p class="text-gray-400 text-sm font-medium mb-2 flex items-center gap-2"><%= icone :ticket, espaco: false %> Ticket médio</p>
       <p class="text-3xl font-black text-white"><%= moeda(@fin_ticket_medio) %></p>
       <p class="text-gray-400 text-xs mt-1">por entrega</p>
     </div>
     <div class="bg-[#1a1a1a] rounded-2xl border border-white/5 p-6">
-      <p class="text-gray-400 text-sm font-medium mb-2">✅ Pago</p>
+      <p class="text-gray-400 text-sm font-medium mb-2 flex items-center gap-2"><%= icone :sucesso, cor: 'text-green-500', espaco: false %> Pago</p>
       <p class="text-3xl font-black text-green-400"><%= moeda(@fin_pago) %></p>
       <p class="text-gray-400 text-xs mt-1">já confirmado</p>
     </div>
     <div class="bg-[#1a1a1a] rounded-2xl border border-white/5 p-6">
-      <p class="text-gray-400 text-sm font-medium mb-2">🕗 A pagar</p>
+      <p class="text-gray-400 text-sm font-medium mb-2 flex items-center gap-2"><%= icone :relogio, cor: 'text-amber-400', espaco: false %> A pagar</p>
       <p class="text-3xl font-black text-yellow-500"><%= moeda(@fin_pendente) %></p>
       <p class="text-gray-400 text-xs mt-1">pendente</p>
     </div>
@@ -238,7 +238,7 @@
         </div>
       <% else %>
         <div class="flex-1 min-h-48 flex flex-col items-center justify-center text-gray-400">
-          <div class="text-3xl mb-2">💸</div>
+          <div class="mb-2"><%= icone :custo, tamanho: 'w-8 h-8', cor: 'text-gray-600', espaco: false %></div>
           <p class="text-sm">Nenhum pagamento realizado neste período</p>
           <% if @pag_pend_valor.positive? %>
             <p class="text-xs mt-1">
@@ -252,7 +252,7 @@
 
     <%# Top motoristas %>
     <div class="bg-[#1a1a1a] rounded-2xl border border-white/5 p-6">
-      <h2 class="text-lg font-semibold text-white mb-4">🏆 Motoristas</h2>
+      <h2 class="text-lg font-semibold text-white mb-4 flex items-center gap-2"><%= icone :ranking, espaco: false %> Motoristas</h2>
 
       <% if @motoristas.any? %>
         <div class="space-y-3">
@@ -282,7 +282,7 @@
         </div>
       <% else %>
         <div class="text-center py-8 text-gray-400">
-          <div class="text-3xl mb-2">🚚</div>
+          <div class="mb-2"><%= icone :caminhao, tamanho: 'w-8 h-8', cor: 'text-gray-600', espaco: false %></div>
           <p class="text-sm">Nenhuma entrega concluída neste período</p>
         </div>
       <% end %>
@@ -294,34 +294,34 @@
 
     <%# Custo por operação (barra) %>
     <div class="bg-[#1a1a1a] rounded-2xl border border-white/5 p-6">
-      <h2 class="text-lg font-semibold text-white mb-1">🏷️ Custo por operação</h2>
+      <h2 class="text-lg font-semibold text-white mb-1 flex items-center gap-2"><%= icone :tag, espaco: false %> Custo por operação</h2>
       <p class="text-gray-400 text-sm mb-4">Valor consolidado no período</p>
       <% if @fin_por_operacao.any? %>
         <div class="relative h-64"><canvas id="grafico-custo-operacao"></canvas></div>
       <% else %>
-        <div class="text-center py-8 text-gray-400"><div class="text-3xl mb-2">🏷️</div><p class="text-sm">Sem dados no período</p></div>
+        <div class="text-center py-8 text-gray-400"><div class="mb-2"><%= icone :tag, tamanho: 'w-8 h-8', cor: 'text-gray-600', espaco: false %></div><p class="text-sm">Sem dados no período</p></div>
       <% end %>
     </div>
 
     <%# Composição por tipo (rosca) %>
     <div class="bg-[#1a1a1a] rounded-2xl border border-white/5 p-6">
-      <h2 class="text-lg font-semibold text-white mb-1">🧩 Composição do custo</h2>
+      <h2 class="text-lg font-semibold text-white mb-1 flex items-center gap-2"><%= icone :composicao, espaco: false %> Composição do custo</h2>
       <p class="text-gray-400 text-sm mb-4">Por tipo de lançamento</p>
       <% if @fin_por_tipo.any? %>
         <div class="relative h-64"><canvas id="grafico-composicao-tipo"></canvas></div>
       <% else %>
-        <div class="text-center py-8 text-gray-400"><div class="text-3xl mb-2">🧩</div><p class="text-sm">Sem dados no período</p></div>
+        <div class="text-center py-8 text-gray-400"><div class="mb-2"><%= icone :composicao, tamanho: 'w-8 h-8', cor: 'text-gray-600', espaco: false %></div><p class="text-sm">Sem dados no período</p></div>
       <% end %>
     </div>
 
     <%# Custo por motorista (barra) %>
     <div class="bg-[#1a1a1a] rounded-2xl border border-white/5 p-6">
-      <h2 class="text-lg font-semibold text-white mb-1">👤 Custo por motorista</h2>
+      <h2 class="text-lg font-semibold text-white mb-1 flex items-center gap-2"><%= icone :pessoa, espaco: false %> Custo por motorista</h2>
       <p class="text-gray-400 text-sm mb-4">Por motorista no período</p>
       <% if @fin_por_motorista.any? %>
         <div class="relative h-64"><canvas id="grafico-custo-motorista"></canvas></div>
       <% else %>
-        <div class="text-center py-8 text-gray-400"><div class="text-3xl mb-2">👤</div><p class="text-sm">Sem dados no período</p></div>
+        <div class="text-center py-8 text-gray-400"><div class="mb-2"><%= icone :pessoa, tamanho: 'w-8 h-8', cor: 'text-gray-600', espaco: false %></div><p class="text-sm">Sem dados no período</p></div>
       <% end %>
     </div>
   </div>
@@ -331,12 +331,12 @@
 
     <%# Rosca pago vs a pagar (por valor) %>
     <div class="bg-[#1a1a1a] rounded-2xl border border-white/5 p-6">
-      <h2 class="text-lg font-semibold text-white mb-1">💵 Pagamentos</h2>
+      <h2 class="text-lg font-semibold text-white mb-1 flex items-center gap-2"><%= icone :pagamento, espaco: false %> Pagamentos</h2>
       <p class="text-gray-400 text-sm mb-4">Pagos por data de pagamento · pendentes no período</p>
 
       <% if (@pag_pago_qtd + @pag_pend_qtd).zero? %>
         <div class="text-center py-8 text-gray-400">
-          <div class="text-3xl mb-2">🧾</div>
+          <div class="mb-2"><%= icone :nota_fiscal, tamanho: 'w-8 h-8', cor: 'text-gray-600', espaco: false %></div>
           <p class="text-sm">Nenhum pagamento ou pendência no período</p>
         </div>
       <% else %>
@@ -365,7 +365,7 @@
 
       <%# Pagamentos realizados no período (filtrados por pago_em) %>
       <div>
-        <h2 class="text-lg font-semibold text-white mb-4">✅ Pagamentos realizados no período</h2>
+        <h2 class="text-lg font-semibold text-white mb-4 flex items-center gap-2"><%= icone :sucesso, cor: 'text-green-500', espaco: false %> Pagamentos realizados no período</h2>
         <% if @pagamentos_feitos.any? %>
           <div class="overflow-x-auto">
             <table class="w-full text-sm">
@@ -405,7 +405,7 @@
 
       <%# Pendentes (consolidações finalizadas do período sem pagamento) %>
       <div>
-        <h2 class="text-lg font-semibold text-white mb-4">🕗 Pagamentos pendentes</h2>
+        <h2 class="text-lg font-semibold text-white mb-4 flex items-center gap-2"><%= icone :relogio, cor: 'text-amber-400', espaco: false %> Pagamentos pendentes</h2>
         <% if @pagamentos_pendentes.any? %>
           <div class="overflow-x-auto">
             <table class="w-full text-sm">
@@ -435,7 +435,7 @@
             <div class="flex gap-1" id="pagamentos-pendentes-abas"></div>
           </div>
         <% else %>
-          <p class="text-gray-400 text-sm py-3">Nenhuma pendência no período. 🎉</p>
+          <p class="text-gray-400 text-sm py-3">Nenhuma pendência no período. <%= icone :sucesso, cor: 'text-green-500', espaco: false %></p>
         <% end %>
       </div>
     </div>
@@ -444,7 +444,7 @@
   <%# Por operação %>
   <% if @por_operacao.any? %>
     <div class="bg-[#1a1a1a] rounded-2xl border border-white/5 p-6">
-      <h2 class="text-lg font-semibold text-white mb-4">🏥 Entregas por Local</h2>
+      <h2 class="text-lg font-semibold text-white mb-4 flex items-center gap-2"><%= icone :operacao, espaco: false %> Entregas por Local</h2>
       <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3">
         <% total_op = @por_operacao.values.sum.to_f %>
         <% @por_operacao.each do |local, qtd| %>
diff --git a/app/views/devise/passwords/edit.html.erb b/app/views/devise/passwords/edit.html.erb
index bc5f0df..a076292 100644
--- a/app/views/devise/passwords/edit.html.erb
+++ b/app/views/devise/passwords/edit.html.erb
@@ -6,7 +6,7 @@
 
     <div class="text-center mb-8">
       <div class="w-16 h-16 bg-[#f97316] rounded-2xl flex items-center justify-center mx-auto mb-3">
-        <span class="text-3xl">🔒</span>
+        <%= icone :travado, cor: 'text-black', tamanho: 'w-8 h-8', espaco: false %>
       </div>
       <h1 class="text-white font-bold text-2xl">Definir nova senha</h1>
     </div>
diff --git a/app/views/devise/passwords/new.html.erb b/app/views/devise/passwords/new.html.erb
index b4083c1..0b13091 100644
--- a/app/views/devise/passwords/new.html.erb
+++ b/app/views/devise/passwords/new.html.erb
@@ -6,7 +6,7 @@
 
     <div class="text-center mb-8">
       <div class="w-16 h-16 bg-[#f97316] rounded-2xl flex items-center justify-center mx-auto mb-3">
-        <span class="text-3xl">🔑</span>
+        <%= icone :chave, cor: 'text-black', tamanho: 'w-8 h-8', espaco: false %>
       </div>
       <h1 class="text-white font-bold text-2xl">Recuperar senha</h1>
       <p class="text-gray-400 text-sm mt-1">Informe seu e-mail para receber as instruções</p>
@@ -38,7 +38,7 @@
     </div>
 
     <p class="text-gray-600 text-xs text-center mt-6">
-      ⚠️ O envio de e-mail depende da configuração SMTP no servidor.<br>
+      <%= icone :alerta, cor: 'text-amber-400' %> O envio de e-mail depende da configuração SMTP no servidor.<br>
       Sem SMTP, peça ao administrador para redefinir sua senha.
     </p>
 
diff --git a/app/views/devise/sessions/new.html.erb b/app/views/devise/sessions/new.html.erb
index 15a6456..4891d3e 100644
--- a/app/views/devise/sessions/new.html.erb
+++ b/app/views/devise/sessions/new.html.erb
@@ -25,12 +25,12 @@
         <button id="tab-email"
                 onclick="switchTab('email')"
                 class="flex-1 py-4 text-sm font-medium transition-colors tab-active text-[#f97316] border-b-2 border-[#f97316]">
-          📧 E-mail
+          <%= icone :email, cor: nil %> E-mail
         </button>
         <button id="tab-pin"
                 onclick="switchTab('pin')"
                 class="flex-1 py-4 text-sm font-medium transition-colors text-gray-400 hover:text-white border-b-2 border-transparent">
-          🔑 PIN Motorista
+          <%= icone :chave, cor: nil %> PIN Motorista
         </button>
       </div>
 
@@ -114,7 +114,7 @@
                         class="h-14 rounded-xl bg-[#0a0a0a] border border-white/10 text-gray-400
                                text-sm hover:bg-red-900/40 hover:border-red-500/50 hover:text-red-400
                                active:scale-95 transition-all">
-                  ✕
+                  <%= icone :fechar, cor: nil, tamanho: 'w-5 h-5', espaco: false %>
                 </button>
                 <button type="button"
                         onclick="pinPress('0')"
diff --git a/app/views/layouts/_navbar.html.erb b/app/views/layouts/_navbar.html.erb
index 91db672..197d730 100644
--- a/app/views/layouts/_navbar.html.erb
+++ b/app/views/layouts/_navbar.html.erb
@@ -36,31 +36,31 @@
 
     <%# Dashboard — admin/gerente/operador/externo (todos menos motorista) %>
     <% unless current_user.motorista? %>
-      <%= nav_link_to '📊 Dashboard', dashboard_path %>
-      <%= nav_link_to '📈 Operações', operacoes_dashboard_path %>
+      <%= nav_link_to 'Dashboard', dashboard_path, icon: :dashboard %>
+      <%= nav_link_to 'Operações', operacoes_dashboard_path, icon: :operacoes %>
     <% end %>
 
     <%# Consolidações — só quem pode consolidar (exclui o externo) %>
     <% if current_user.pode_consolidar? %>
-      <%= nav_link_to '📦 Consolidações', consolidacoes_path %>
-      <%= nav_link_to '📁 Arquivadas', arquivadas_consolidacoes_path %>
+      <%= nav_link_to 'Consolidações', consolidacoes_path, icon: :consolidacoes %>
+      <%= nav_link_to 'Arquivadas', arquivadas_consolidacoes_path, icon: :arquivadas %>
     <% end %>
 
     <%# Motorista %>
     <% if current_user.motorista? %>
-      <%= nav_link_to '🏠 Meu Painel', motorista_dashboard_path %>
+      <%= nav_link_to 'Meu Painel', motorista_dashboard_path, icon: :painel %>
     <% end %>
 
     <%# Admin/Gerente — Configurações %>
     <% if current_user.pode_ver_config? %>
       <div class="pt-4 mt-4 border-t border-[#2a2a2a]">
         <p class="px-3 text-xs text-gray-600 uppercase tracking-wider mb-2">Administração</p>
-        <%= nav_link_to '👥 Usuários', admin_usuarios_path %>
-        <%= nav_link_to '⚙️ Configurações', admin_configuracoes_path %>
-        <%= nav_link_to '🔍 Auditoria', admin_auditoria_logs_path %>
-        <%= nav_link_to '📥 Planilha SimpliRoute', admin_planilha_simpli_route_path %>
+        <%= nav_link_to 'Usuários', admin_usuarios_path, icon: :usuarios %>
+        <%= nav_link_to 'Configurações', admin_configuracoes_path, icon: :configuracoes %>
+        <%= nav_link_to 'Auditoria', admin_auditoria_logs_path, icon: :auditoria %>
+        <%= nav_link_to 'Planilha SimpliRoute', admin_planilha_simpli_route_path, icon: :planilha %>
         <% if current_user.admin? %>
-          <%= nav_link_to '✏️ Editar Lançamento', admin_edicao_lancamento_path %>
+          <%= nav_link_to 'Editar Lançamento', admin_edicao_lancamento_path, icon: :editar_lancamento %>
         <% end %>
       </div>
     <% end %>
@@ -70,7 +70,7 @@
   <div class="px-6 py-4 border-t border-[#2a2a2a]">
     <%= link_to destroy_user_session_path, data: { turbo_method: :delete, turbo_confirm: 'Deseja sair?' },
         class: "flex items-center gap-2 text-gray-400 hover:text-red-400 text-sm transition-colors" do %>
-      <span>🚪</span> Sair
+      <%= icone :sair, cor: nil, tamanho: 'w-5 h-5' %> Sair
     <% end %>
   </div>
 </aside>
@@ -86,15 +86,19 @@
                  group-hover:border group-hover:border-orange-500/70
                  focus:w-7 focus:h-16 focus:bg-[#1a1a1a] focus:text-orange-500"
           title="Esconder/mostrar menu" aria-label="Esconder ou mostrar o menu">
-    <span id="sidebar-toggle-icon" class="text-lg leading-none">◀</span>
+    <%# Gira 180° quando a sidebar está recolhida (ver syncSidebarToggleIcon) %>
+    <span id="sidebar-toggle-icon" class="leading-none transition-transform duration-200">
+      <%= icone :recolher, cor: nil, tamanho: 'w-5 h-5', espaco: false %>
+    </span>
   </button>
 </div>
 
 <%# Topbar mobile %>
 <header class="md:hidden fixed top-0 left-0 right-0 z-30 bg-[#111111] border-b border-[#2a2a2a] px-4 py-3 flex items-center justify-between">
   <button onclick="toggleSidebar()"
-          class="text-orange-500 text-2xl min-h-[48px] min-w-[48px] flex items-center justify-center">
-    ☰
+          class="text-orange-500 min-h-[48px] min-w-[48px] flex items-center justify-center"
+          aria-label="Abrir menu">
+    <%= icone :menu, cor: nil, tamanho: 'w-7 h-7', espaco: false %>
   </button>
   <div class="flex items-center gap-2">
     <%= image_tag '/logo-reem.png', alt: 'Reem Transporte', class: 'h-8 w-auto object-contain' %>
@@ -121,8 +125,8 @@
   }
   function syncSidebarToggleIcon() {
     const icon = document.getElementById('sidebar-toggle-icon');
-    if (icon) icon.textContent =
-      document.documentElement.classList.contains('sidebar-collapsed') ? '▶' : '◀';
+    if (icon) icon.classList.toggle('rotate-180',
+      document.documentElement.classList.contains('sidebar-collapsed'));
   }
   syncSidebarToggleIcon();
 </script>
diff --git a/app/views/layouts/_sidebar.html.erb b/app/views/layouts/_sidebar.html.erb
index 74f76b1..28055e9 100644
--- a/app/views/layouts/_sidebar.html.erb
+++ b/app/views/layouts/_sidebar.html.erb
@@ -18,11 +18,11 @@
   <nav class="flex-1 px-3 py-4 space-y-1 overflow-y-auto scrollbar-hidden">
 
     <%# Dashboard (todos exceto motorista) %>
-    <%= nav_link_to 'Dashboard', dashboard_path, icon: '📊' %>
+    <%= nav_link_to 'Dashboard', dashboard_path, icon: :dashboard %>
 
     <%# Consolidações (admin, gerente, operador) %>
     <% if current_user.pode_criar_consolidacao? %>
-      <%= nav_link_to 'Consolidações', consolidacoes_path, icon: '📋' %>
+      <%= nav_link_to 'Consolidações', consolidacoes_path, icon: :consolidacoes %>
     <% end %>
 
     <%# Separador Admin %>
@@ -31,8 +31,8 @@
         <p class="px-4 text-xs font-semibold text-gray-600 uppercase tracking-wider">Administração</p>
       </div>
 
-      <%= nav_link_to 'Usuários', usuarios_path, icon: '👥' %>
-      <%= nav_link_to 'Configurações', configuracoes_path, icon: '⚙️' %>
+      <%= nav_link_to 'Usuários', usuarios_path, icon: :usuarios %>
+      <%= nav_link_to 'Configurações', configuracoes_path, icon: :configuracoes %>
     <% end %>
 
     <%# PDFs (fase 7 — link desabilitado por enquanto) %>
@@ -41,7 +41,7 @@
         <p class="px-4 text-xs font-semibold text-gray-600 uppercase tracking-wider">Relatórios</p>
       </div>
       <div class="flex items-center gap-3 px-4 py-3 rounded-xl text-sm font-medium text-gray-600 cursor-not-allowed">
-        <span class="text-lg w-5 text-center">📄</span>
+        <%= icone :documento, cor: nil, tamanho: 'w-6 h-6' %>
         <span>Relatórios PDF</span>
         <span class="ml-auto text-[10px] bg-gray-800 text-gray-500 px-1.5 py-0.5 rounded">Em breve</span>
       </div>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index e9d0fda..0eef752 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -100,7 +100,7 @@
       </video>
       <button type="button" onclick="event.stopPropagation(); encerrarSplash()"
               class="absolute bottom-6 right-6 text-gray-400 hover:text-white text-sm border border-white/20 rounded-lg px-4 py-2">
-        Pular ✕
+        Pular <%= icone :fechar, cor: nil, tamanho: 'w-4 h-4', espaco: false %>
       </button>
     </div>
     <script>
@@ -130,7 +130,7 @@
     <div id="flash-notice"
          class="fixed top-4 right-4 z-50 bg-orange-500 text-black font-semibold px-5 py-3 rounded-lg shadow-lg flex items-center gap-2 animate-fade-in"
          data-controller="flash">
-      <span>✅</span> <%= notice %>
+      <%= icone :sucesso, cor: nil, tamanho: 'w-6 h-6' %> <%= notice %>
     </div>
   <% end %>
 
@@ -138,7 +138,7 @@
     <div id="flash-alert"
          class="fixed top-4 right-4 z-50 bg-red-600 text-white font-semibold px-5 py-3 rounded-lg shadow-lg flex items-center gap-2"
          data-controller="flash">
-      <span>⚠️</span> <%= alert %>
+      <%= icone :alerta, cor: nil, tamanho: 'w-6 h-6' %> <%= alert %>
     </div>
   <% end %>
 
diff --git a/app/views/motorista/dashboard/index.html.erb b/app/views/motorista/dashboard/index.html.erb
index 14e3c1f..3437686 100644
--- a/app/views/motorista/dashboard/index.html.erb
+++ b/app/views/motorista/dashboard/index.html.erb
@@ -3,13 +3,13 @@
 
 <div class="max-w-2xl mx-auto">
 
-  <h1 class="text-3xl font-bold text-white mb-1">Olá, <%= current_user.nome.split.first %>! 👋</h1>
+  <h1 class="text-3xl font-bold text-white mb-1">Olá, <%= current_user.nome.split.first %>!</h1>
   <p class="text-gray-300 text-lg mb-6">Aqui estão seus valores de entregas.</p>
 
   <%# ── Aviso de pagamento recém-confirmado ───────────────── %>
   <% if @pagamentos_recentes.any? %>
     <div class="bg-green-600/15 border border-green-600/40 rounded-2xl p-5 mb-6">
-      <p class="text-green-400 font-bold uppercase tracking-wide mb-3">✅ Pagamento confirmado!</p>
+      <p class="text-green-400 font-bold uppercase tracking-wide mb-3 flex items-center gap-2"><%= icone :sucesso, cor: nil, espaco: false %> Pagamento confirmado!</p>
       <div class="space-y-3">
         <% @pagamentos_recentes.each do |cm| %>
           <div class="flex flex-col gap-0.5">
@@ -18,9 +18,9 @@
               pela consolidação <span class="font-semibold"><%= cm.consolidacao.nome %></span>
             </p>
             <p class="text-gray-300 text-sm">
-              💰 <%= l cm.pago_em.to_date, format: :short %>
+              <%= icone :dinheiro %> <%= l cm.pago_em.to_date, format: :short %>
               <% if cm.forma_pagamento.present? %>· <%= cm.forma_pagamento.humanize %><% end %>
-              <% if cm.nota_fiscal.present? %>· 🧾 NF <%= cm.nota_fiscal %><% end %>
+              <% if cm.nota_fiscal.present? %>· <%= icone :nota_fiscal %> NF <%= cm.nota_fiscal %><% end %>
             </p>
           </div>
         <% end %>
@@ -33,20 +33,20 @@
 
     <%# Card 1 — Valor Estimado (LARANJA) %>
     <div class="bg-orange-500 rounded-2xl p-6">
-      <p class="text-black/80 font-bold uppercase tracking-wide">💰 Valor estimado deste mês</p>
-      <p class="text-black/70 text-sm mt-1">📅 <%= l @estimado_inicio, format: :short %> a <%= l @estimado_fim, format: :short %></p>
+      <p class="text-black/80 font-bold uppercase tracking-wide flex items-center gap-2"><%= icone :dinheiro, cor: nil, espaco: false %> Valor estimado deste mês</p>
+      <p class="text-black/70 text-sm mt-1"><%= icone :calendario, cor: nil %> <%= l @estimado_inicio, format: :short %> a <%= l @estimado_fim, format: :short %></p>
       <p class="text-black font-black text-4xl sm:text-5xl mt-2 leading-tight whitespace-nowrap"><%= moeda(@valor_estimado) %></p>
       <p class="text-black/80 text-base mt-2">
         <%= @entregas_mes %> entregas feitas e confirmadas
       </p>
       <p class="text-black/60 text-sm mt-3">
-        ⚠️ Valor aproximado. O valor certo sai quando a empresa fechar o pagamento.
+        <%= icone :alerta, cor: nil %> Valor aproximado. O valor certo sai quando a empresa fechar o pagamento.
       </p>
     </div>
 
     <%# Card 2 — Valor Consolidado (BRANCO) %>
     <div class="bg-white rounded-2xl p-6">
-      <p class="text-gray-600 font-bold uppercase tracking-wide">✅ Valor fechado para pagamento</p>
+      <p class="text-gray-600 font-bold uppercase tracking-wide flex items-center gap-2"><%= icone :sucesso, cor: 'text-green-600', espaco: false %> Valor fechado para pagamento</p>
       <p class="text-black font-black text-4xl sm:text-5xl mt-2 leading-tight whitespace-nowrap"><%= moeda(@valor_consolidado) %></p>
       <p class="text-gray-600 text-base mt-2">
         Soma dos pagamentos já confirmados pela empresa
@@ -55,7 +55,7 @@
   </div>
 
   <%# ── Lista de consolidações ──────────────────────────── %>
-  <h2 class="text-white font-bold text-xl mb-3">📋 Meus pagamentos</h2>
+  <h2 class="text-white font-bold text-xl mb-3 flex items-center gap-2"><%= icone :planilha, espaco: false %> Meus pagamentos</h2>
 
   <% if @minhas_consolidacoes.any? %>
     <div class="space-y-3">
@@ -72,27 +72,27 @@
                 <% end %>
               </div>
               <p class="text-gray-300 text-base mt-1">
-                📅 <%= l c.data_inicio, format: :short %> a <%= l c.data_fim, format: :short %>
+                <%= icone :calendario %> <%= l c.data_inicio, format: :short %> a <%= l c.data_fim, format: :short %>
               </p>
               <p class="text-orange-500 font-black text-3xl mt-1 whitespace-nowrap"><%= moeda(cm&.valor_total || 0) %></p>
               <% if cm&.pago? %>
                 <p class="text-green-400 text-sm mt-1">
-                  💰 Pago em <%= l cm.pago_em.to_date, format: :short %>
+                  <%= icone :dinheiro, cor: 'text-green-400' %> Pago em <%= l cm.pago_em.to_date, format: :short %>
                   <% if cm.forma_pagamento.present? %>via <%= cm.forma_pagamento.humanize %><% end %>
                 </p>
                 <% if cm.nota_fiscal.present? %>
-                  <p class="text-gray-300 text-sm mt-0.5">🧾 Nota Fiscal: <%= cm.nota_fiscal %></p>
+                  <p class="text-gray-300 text-sm mt-0.5"><%= icone :nota_fiscal %> Nota Fiscal: <%= cm.nota_fiscal %></p>
                 <% end %>
               <% end %>
             </div>
             <% if c.finalizada? %>
-              <%= link_to '⬇️ Baixar meu extrato',
+              <%= link_to rotulo(:baixar, 'Baixar meu extrato', cor: nil),
                   gerar_pdf_extrato_consolidacao_path(c, motorista: current_user.nome),
                   data: { turbo: false },
                   class: 'w-full md:w-auto bg-orange-500 hover:bg-orange-600 text-black font-bold text-base px-6 py-4 rounded-xl min-h-[52px] flex items-center justify-center text-center' %>
             <% else %>
               <span class="w-full md:w-auto text-gray-300 text-base px-5 py-4 border border-[#2a2a2a] rounded-xl text-center">
-                ⏳ Aguardando fechamento
+                <%= icone :parcial, cor: 'text-amber-400' %> Aguardando fechamento
               </span>
             <% end %>
           </div>
@@ -101,7 +101,7 @@
     </div>
   <% else %>
     <div class="bg-[#1a1a1a] border border-[#2a2a2a] rounded-2xl p-10 text-center">
-      <p class="text-5xl mb-3">📭</p>
+      <p class="mb-3"><%= icone :vazio, tamanho: 'w-12 h-12', cor: 'text-gray-600', espaco: false %></p>
       <p class="text-gray-200 text-lg">Você ainda não aparece em nenhum pagamento.</p>
       <p class="text-gray-400 text-base mt-1">Quando a empresa fechar um período com suas entregas, ele aparece aqui.</p>
     </div>
diff --git a/app/views/motorista/sessoes/new.html.erb b/app/views/motorista/sessoes/new.html.erb
index 3249ce5..dc1abfb 100644
--- a/app/views/motorista/sessoes/new.html.erb
+++ b/app/views/motorista/sessoes/new.html.erb
@@ -43,13 +43,13 @@
         </button>
         <button type="submit" id="btn-entrar" disabled
                 class="bg-orange-500 disabled:bg-[#2a2a2a] disabled:text-gray-600 text-black font-bold text-xl rounded-xl py-5 min-h-[64px] transition-colors">
-          ✓
+          <%= icone :confirmar, cor: nil, tamanho: 'w-7 h-7', espaco: false %>
         </button>
       </div>
     <% end %>
 
     <p class="text-gray-300 text-base text-center mt-6">
-      💡 Você também pode escanear o QR Code do seu extrato para entrar direto.
+      <%= icone :dica %> Você também pode escanear o QR Code do seu extrato para entrar direto.
     </p>
     <p class="text-center mt-4">
       <%= link_to 'Sou administrador/gerente →', new_user_session_path, class: 'text-orange-500 hover:text-orange-400 text-sm' %>
diff --git a/app/views/operacoes_dashboard/_espelho.html.erb b/app/views/operacoes_dashboard/_espelho.html.erb
index d092db6..c72977e 100644
--- a/app/views/operacoes_dashboard/_espelho.html.erb
+++ b/app/views/operacoes_dashboard/_espelho.html.erb
@@ -18,7 +18,7 @@
 <div class="bg-[#1a1a1a] rounded-2xl border border-white/5 p-6">
   <div class="flex flex-wrap items-center justify-between gap-3 mb-4">
     <div>
-      <h2 class="text-lg font-semibold text-white">📋 Planilha da operação</h2>
+      <h2 class="text-lg font-semibold text-white flex items-center gap-2"><%= icone :planilha, espaco: false %> Planilha da operação</h2>
       <p class="text-gray-400 text-sm">Espelho por NF — pesquise por nota, motorista, unidade, ocorrência, veículo...</p>
     </div>
 
@@ -27,7 +27,7 @@
         <input type="hidden" name="<%= k %>" value="<%= v %>">
       <% end %>
       <div class="relative">
-        <span class="pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-gray-500">🔎</span>
+        <span class="pointer-events-none absolute left-3 top-1/2 -translate-y-1/2"><%= icone :buscar, cor: 'text-gray-500', espaco: false %></span>
         <input type="search" name="q" value="<%= @busca %>" placeholder="Pesquisar..."
                class="pl-9 pr-3 py-2 bg-[#0a0a0a] border border-white/10 rounded-xl text-white text-sm
                       w-52 sm:w-72 focus:outline-none focus:border-orange-500 placeholder-gray-500">
@@ -37,7 +37,7 @@
         Buscar
       </button>
       <% if @busca.present? %>
-        <%= link_to '✕ Limpar', operacoes_planilha_path(request.query_parameters.except('q', 'pg')),
+        <%= link_to rotulo(:fechar, 'Limpar', cor: nil, tamanho: 'w-3.5 h-3.5'), operacoes_planilha_path(request.query_parameters.except('q', 'pg')),
               data: { turbo: false }, class: 'text-xs text-orange-400 hover:text-orange-300 whitespace-nowrap' %>
       <% end %>
     </form>
diff --git a/app/views/operacoes_dashboard/_mapa.html.erb b/app/views/operacoes_dashboard/_mapa.html.erb
index 301f472..0d4f820 100644
--- a/app/views/operacoes_dashboard/_mapa.html.erb
+++ b/app/views/operacoes_dashboard/_mapa.html.erb
@@ -12,12 +12,12 @@
       </div>
       <div class="map-toggle inline-flex rounded-lg overflow-hidden border border-white/10 text-xs">
         <button type="button" data-view="heat"
-                class="px-3 py-1.5 bg-orange-500 text-black font-semibold">🔥 Calor</button>
+                class="px-3 py-1.5 bg-orange-500 text-black font-semibold"><%= icone :calor, cor: nil, tamanho: 'w-4 h-4' %> Calor</button>
         <button type="button" data-view="pontos"
-                class="px-3 py-1.5 text-gray-300 hover:text-white">📍 Pontos (<%= pontos.size %>)</button>
+                class="px-3 py-1.5 text-gray-300 hover:text-white"><%= icone :local, cor: nil, tamanho: 'w-4 h-4' %> Pontos (<%= pontos.size %>)</button>
       </div>
       <button type="button" class="map-fullscreen px-3 py-1.5 rounded-lg border border-white/10 text-gray-300 hover:text-white text-xs" title="Ver em tela cheia">
-        ⛶ Tela cheia
+        <%= icone :tela_cheia, cor: nil, tamanho: 'w-4 h-4' %> Tela cheia
       </button>
     </div>
   </div>
@@ -30,7 +30,7 @@
          data-pontos="<%= pontos.to_json %>"
          data-centro="<%= metricas.centro_mapa.to_json %>"></div>
     <p class="text-xs text-gray-600 mt-2">
-      🔥 Calor mostra a densidade · 📍 Pontos mostra cada entrega (clique no marcador para detalhes; coordenada de check-out).
+      <%= icone :calor %> Calor mostra a densidade · <%= icone :local %> Pontos mostra cada entrega (clique no marcador para detalhes; coordenada de check-out).
     </p>
   <% end %>
 </div>
diff --git a/app/views/operacoes_dashboard/_painel.html.erb b/app/views/operacoes_dashboard/_painel.html.erb
index 138a425..417794f 100644
--- a/app/views/operacoes_dashboard/_painel.html.erb
+++ b/app/views/operacoes_dashboard/_painel.html.erb
@@ -25,7 +25,7 @@
         <p class="text-gray-400 text-sm font-medium mb-1">Total de Entregas</p>
         <p class="text-6xl font-black text-white leading-none inline-block origin-left transition-transform duration-200 group-hover:scale-110"><%= metricas.total %></p>
         <p class="text-xs text-gray-500 mt-2 h-0 overflow-hidden opacity-0 transition-all duration-200 group-hover:h-4 group-hover:opacity-100">
-          ✅ <%= metricas.sucesso %> · <span class="text-blue-500">●</span> <%= metricas.recusas %> · ⏳ <%= metricas.pendentes %>
+          <%= icone :sucesso, cor: 'text-green-500', tamanho: 'w-4 h-4' %> <%= metricas.sucesso %> · <%= icone :ponto, cor: 'text-blue-500', tamanho: 'w-4 h-4' %> <%= metricas.recusas %> · <%= icone :parcial, cor: 'text-amber-400', tamanho: 'w-4 h-4' %> <%= metricas.pendentes %>
         </p>
       </div>
       <div class="group bg-[#1a1a1a] rounded-2xl border border-white/5 p-7 transition-all duration-200 hover:border-green-500/40 hover:bg-[#202020] hover:-translate-y-0.5 hover:shadow-lg hover:shadow-black/40">
diff --git a/app/views/operacoes_dashboard/_tabela_simples.html.erb b/app/views/operacoes_dashboard/_tabela_simples.html.erb
index 985e542..f501987 100644
--- a/app/views/operacoes_dashboard/_tabela_simples.html.erb
+++ b/app/views/operacoes_dashboard/_tabela_simples.html.erb
@@ -30,7 +30,7 @@
                         data: { turbo: false },
                         title: (ativo ? 'Clique para remover o filtro' : "Filtrar por #{cel}"),
                         class: "inline-flex items-center gap-1 hover:text-orange-400 #{'text-orange-400 font-semibold' if ativo}" do %>
-                    <%= cel %><% if ativo %> <span aria-hidden="true">✕</span><% end %>
+                    <%= cel %><% if ativo %> <%= icone :fechar, cor: nil, tamanho: 'w-3.5 h-3.5' %><% end %>
                   <% end %>
                 <% else %>
                   <%= cel %>
diff --git a/app/views/operacoes_dashboard/index.html.erb b/app/views/operacoes_dashboard/index.html.erb
index 2a0ff56..8c70d20 100644
--- a/app/views/operacoes_dashboard/index.html.erb
+++ b/app/views/operacoes_dashboard/index.html.erb
@@ -52,9 +52,9 @@
       <h1 class="text-2xl font-bold text-white">Dashboard de Operações</h1>
       <p class="text-gray-400 text-sm mt-0.5">
         <% if @modo == 'global' %>
-          🌐 Global · <%= @periodo_inicio.strftime('%d/%m/%Y') %> – <%= @periodo_fim.strftime('%d/%m/%Y') %>
+          <%= icone :global %> Global · <%= @periodo_inicio.strftime('%d/%m/%Y') %> – <%= @periodo_fim.strftime('%d/%m/%Y') %>
         <% elsif @modo == 'comparar' %>
-          ⚖️ Comparação entre operações (cada uma no seu próprio período)
+          <%= icone :comparar %> Comparação entre operações (cada uma no seu próprio período)
         <% elsif @metricas&.data_inicio %>
           <%= @metricas.operacoes_label %> · <%= @metricas.data_inicio.strftime('%d/%m/%Y') %> – <%= @metricas.data_fim.strftime('%d/%m/%Y') %>
         <% elsif @operacao %>
@@ -69,7 +69,7 @@
     <% if @modo == 'global' %>
       <div class="flex flex-wrap items-center gap-2">
         <div class="relative">
-          <span class="pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-orange-500">📅</span>
+          <span class="pointer-events-none absolute right-3 top-1/2 -translate-y-1/2"><%= icone :calendario, espaco: false %></span>
           <input type="text" id="periodo-range" readonly placeholder="Selecione o período"
                  value="<%= @periodo_inicio.strftime('%d/%m/%Y') %> até <%= @periodo_fim.strftime('%d/%m/%Y') %>"
                  class="cursor-pointer pl-4 pr-10 py-2.5 bg-[#1a1a1a] border border-white/10 rounded-xl
@@ -89,12 +89,12 @@
   </div>
 
   <%# ── Abas de modo + atalho para a planilha ─────────────── %>
-  <% modos = { 'operacao' => '🏥 Operação', 'global' => '🌐 Global', 'comparar' => '⚖️ Comparar' } %>
+  <% modos = { 'operacao' => [:operacao, 'Operação'], 'global' => [:global, 'Global'], 'comparar' => [:comparar, 'Comparar'] } %>
   <div class="flex flex-wrap items-center justify-between gap-2 border-b border-white/5 pb-3">
     <div class="flex flex-wrap items-center gap-2">
-      <% modos.each do |m, label| %>
+      <% modos.each do |m, (ic, label)| %>
         <% ativo = @modo == m %>
-        <%= link_to label,
+        <%= link_to rotulo(ic, label, cor: (ativo ? nil : 'text-brand-laranja')),
             operacoes_dashboard_path(ctx_ops.merge(modo: m, inicio: ini_iso, fim: fim_iso)),
             data: { turbo: false },
             class: "px-4 py-2 rounded-xl text-sm font-semibold whitespace-nowrap #{ativo ? 'bg-orange-500 text-black' : 'bg-[#1a1a1a] text-gray-300 border border-white/10 hover:border-orange-500'}" %>
@@ -106,7 +106,7 @@
          .slice('f_driver', 'f_sts', 'f_status', 'f_obs', 'f_resultado', 'f_data')
          .merge(modo: (@modo == 'global' ? 'global' : 'operacao'), inicio: ini_iso, fim: fim_iso) %>
     <% planilha_ctx[:operacao] = @operacao if @operacao %>
-    <%= link_to '📋 Planilha da operação', operacoes_planilha_path(planilha_ctx),
+    <%= link_to rotulo(:planilha, 'Planilha da operação', cor: nil), operacoes_planilha_path(planilha_ctx),
         data: { turbo: false },
         class: 'px-4 py-2 rounded-xl text-sm font-semibold whitespace-nowrap bg-[#1a1a1a]
                 text-orange-400 border border-orange-500/40 hover:bg-orange-500 hover:text-black' %>
@@ -125,7 +125,7 @@
         <% @chips.each do |chip| %>
           <span class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-orange-500/15 border border-orange-500/30 text-orange-300 text-xs">
             <%= chip[:rotulo] %>: <strong class="text-white"><%= chip[:display] || chip[:valor] %></strong>
-            <%= link_to '✕', operacoes_dashboard_path(request.query_parameters.except(chip[:param])),
+            <%= link_to icone(:fechar, cor: nil, tamanho: 'w-3.5 h-3.5'), operacoes_dashboard_path(request.query_parameters.except(chip[:param])),
                   data: { turbo: false }, class: 'hover:text-white font-bold', title: 'Remover filtro' %>
           </span>
         <% end %>
@@ -160,7 +160,7 @@
 
     <% elsif @modo == 'global' %>
       <div class="bg-[#1a1a1a] rounded-2xl border border-white/5 p-4 text-sm text-gray-300">
-        🌐 Visão <strong class="text-white">Global</strong> — todas as
+        <%= icone :global %> Visão <strong class="text-white">Global</strong> — todas as
         <%= @tabelas_validas.size %> operações agregadas no período.
       </div>
       <% if @metricas %>
@@ -208,7 +208,7 @@
       <%# Detalhe completo de cada operação (recolhível) %>
       <details class="bg-[#1a1a1a] rounded-2xl border border-white/5">
         <summary class="cursor-pointer px-6 py-4 text-sm text-gray-300 hover:text-white select-none">
-          🔎 Ver detalhe completo de cada operação
+          <%= icone :buscar %> Ver detalhe completo de cada operação
         </summary>
         <div class="grid grid-cols-1 xl:grid-cols-2 gap-6 p-4 pt-0">
           <div>
@@ -442,6 +442,12 @@
       });
     }
 
+    // Ícone do sprite (public/icons.svg) — mesmos SVG usados no resto do sistema.
+    function ico(id, cor) {
+      return '<svg width="12" height="12" fill="' + (cor || '#f97316') + '" style="vertical-align:-1px">' +
+             '<use href="/icons.svg#' + id + '"></use></svg>';
+    }
+
     function popupHtml(p) {
       const linha = (icone, val) => val ? ('<div>' + icone + ' ' + escapeHtml(val) + '</div>') : '';
       const foto = p.foto
@@ -449,22 +455,22 @@
           '<img src="' + escapeHtml(p.foto) + '" alt="Fachada" loading="lazy" ' +
           'onerror="this.style.display=\'none\';this.parentNode.nextElementSibling.style.display=\'block\'" ' +
           'style="margin-top:8px;width:100%;max-height:160px;object-fit:cover;border-radius:6px;display:block"></a>' +
-          '<div style="display:none;margin-top:6px;color:#9ca3af;font-size:11px">📷 Foto indisponível (link expirado/sem acesso)</div>'
-        : '<div style="margin-top:6px;color:#6b7280;font-size:11px">📷 Sem foto da fachada para esta entrega</div>';
+          '<div style="display:none;margin-top:6px;color:#9ca3af;font-size:11px">' + ico('camera-fill', '#9ca3af') + ' Foto indisponível (link expirado/sem acesso)</div>'
+        : '<div style="margin-top:6px;color:#6b7280;font-size:11px">' + ico('camera-fill', '#6b7280') + ' Sem foto da fachada para esta entrega</div>';
       const statusLinha = p.sucesso
-        ? '<div style="color:#16a34a;font-size:11px;margin-bottom:6px">✔ Entrega realizada</div>'
-        : '<div style="color:#3b82f6;font-size:11px;margin-bottom:6px">✖ Insucesso' +
+        ? '<div style="color:#16a34a;font-size:11px;margin-bottom:6px">' + ico('check-lg', '#16a34a') + ' Entrega realizada</div>'
+        : '<div style="color:#3b82f6;font-size:11px;margin-bottom:6px">' + ico('x-lg', '#3b82f6') + ' Insucesso' +
           (p.motivo ? ' — ' + escapeHtml(p.motivo) : '') + '</div>';
       return '' +
         '<div style="min-width:210px;max-width:240px">' +
         '<div style="font-weight:700;color:#f97316">NF ' + escapeHtml(p.nf) + '</div>' +
         '<div style="font-weight:600;margin-bottom:4px">' + escapeHtml(p.nome) + '</div>' +
         statusLinha +
-        linha('📍', p.endereco) +
-        linha('🏥', p.unidade) +
-        linha('🚚', p.motorista) +
-        linha('🚗', p.veiculo) +
-        linha('🕒', p.checkout) +
+        linha(ico('geo-alt-fill'), p.endereco) +
+        linha(ico('hospital-fill'), p.unidade) +
+        linha(ico('truck'), p.motorista) +
+        linha(ico('car-front-fill'), p.veiculo) +
+        linha(ico('clock-fill'), p.checkout) +
         foto +
         '</div>';
     }
@@ -513,7 +519,9 @@
 
         const mapa = L.map(el, { layers: [escuro] }).setView(centro, 11);
         L.control.layers(
-          { '🌙 Escuro': escuro, '🗺️ Claro': claro, '🛰️ Satélite': satelite },
+          { [ico('moon-fill') + ' Escuro']: escuro,
+            [ico('map-fill') + ' Claro']: claro,
+            [ico('broadcast-pin') + ' Satélite']: satelite },
           {}, { position: 'topright', collapsed: true }
         ).addTo(mapa);
 
diff --git a/app/views/operacoes_dashboard/planilha.html.erb b/app/views/operacoes_dashboard/planilha.html.erb
index d1bddcb..fdfbca1 100644
--- a/app/views/operacoes_dashboard/planilha.html.erb
+++ b/app/views/operacoes_dashboard/planilha.html.erb
@@ -15,10 +15,10 @@
   <%# ── Cabeçalho ─────────────────────────────────────────── %>
   <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
     <div>
-      <h1 class="text-2xl font-bold text-white">📋 Planilha da Operação</h1>
+      <h1 class="text-2xl font-bold text-white flex items-center gap-2"><%= icone :planilha, espaco: false %> Planilha da Operação</h1>
       <p class="text-gray-400 text-sm mt-0.5">
         <% if @modo == 'global' %>
-          🌐 Global · <%= @periodo_inicio.strftime('%d/%m/%Y') %> – <%= @periodo_fim.strftime('%d/%m/%Y') %>
+          <%= icone :global %> Global · <%= @periodo_inicio.strftime('%d/%m/%Y') %> – <%= @periodo_fim.strftime('%d/%m/%Y') %>
         <% elsif @metricas&.data_inicio %>
           <%= @metricas.operacoes_label %> · <%= @metricas.data_inicio.strftime('%d/%m/%Y') %> – <%= @metricas.data_fim.strftime('%d/%m/%Y') %>
         <% elsif @operacao %>
@@ -27,7 +27,7 @@
       </p>
     </div>
 
-    <%= link_to '← Dashboard de Operações',
+    <%= link_to rotulo(:voltar, 'Dashboard de Operações', cor: nil),
         operacoes_dashboard_path({ modo: @modo, operacao: @operacao, inicio: ini_iso, fim: fim_iso }.compact),
         data: { turbo: false },
         class: 'px-4 py-2.5 rounded-xl text-sm whitespace-nowrap bg-[#1a1a1a] text-gray-300 border border-white/10 hover:border-orange-500' %>
@@ -35,10 +35,10 @@
 
   <%# ── Seleção de escopo: operação única ou global ───────── %>
   <div class="flex flex-wrap items-center gap-2">
-    <% pills = { 'operacao' => '🏥 Operação', 'global' => '🌐 Global' } %>
-    <% pills.each do |m, label| %>
+    <% pills = { 'operacao' => [:operacao, 'Operação'], 'global' => [:global, 'Global'] } %>
+    <% pills.each do |m, (ic, label)| %>
       <% ativo = @modo == m %>
-      <%= link_to label,
+      <%= link_to rotulo(ic, label, cor: (ativo ? nil : 'text-brand-laranja')),
           operacoes_planilha_path({ modo: m, operacao: @operacao, inicio: ini_iso, fim: fim_iso, q: @busca.presence }.compact),
           data: { turbo: false },
           class: "px-4 py-2 rounded-xl text-sm font-semibold whitespace-nowrap #{ativo ? 'bg-orange-500 text-black' : 'bg-[#1a1a1a] text-gray-300 border border-white/10 hover:border-orange-500'}" %>
@@ -64,7 +64,7 @@
 
       <%# Planilha Entregas preenchida (modelo entregue ao cliente) %>
       <% if @operacao %>
-        <%= link_to '⬇️ Baixar Excel preenchido', operacoes_planilha_baixar_path(operacao: @operacao),
+        <%= link_to rotulo(:baixar, 'Baixar Excel preenchido', cor: nil), operacoes_planilha_baixar_path(operacao: @operacao),
             data: { turbo: false },
             title: 'Planilha Entregas da operação com status/ocorrências preenchidos pelo rastreio',
             class: 'px-4 py-2.5 bg-orange-500 hover:bg-orange-600 text-black font-bold rounded-xl text-sm whitespace-nowrap' %>
@@ -79,7 +79,7 @@
       <% @chips.each do |chip| %>
         <span class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-orange-500/15 border border-orange-500/30 text-orange-300 text-xs">
           <%= chip[:rotulo] %>: <strong class="text-white"><%= chip[:display] || chip[:valor] %></strong>
-          <%= link_to '✕', operacoes_planilha_path(request.query_parameters.except(chip[:param], 'pg')),
+          <%= link_to icone(:fechar, cor: nil, tamanho: 'w-3.5 h-3.5'), operacoes_planilha_path(request.query_parameters.except(chip[:param], 'pg')),
                 data: { turbo: false }, class: 'hover:text-white font-bold', title: 'Remover filtro' %>
         </span>
       <% end %>
diff --git a/app/views/usuarios/index.html.erb b/app/views/usuarios/index.html.erb
index ab7ebdb..0d9554f 100644
--- a/app/views/usuarios/index.html.erb
+++ b/app/views/usuarios/index.html.erb
@@ -103,7 +103,7 @@
         <% if @usuarios.empty? %>
           <tr>
             <td colspan="5" class="px-6 py-16 text-center text-gray-500">
-              <div class="text-4xl mb-3">👥</div>
+              <div class="mb-3"><%= icone :usuarios, tamanho: 'w-10 h-10', cor: 'text-gray-600', espaco: false %></div>
               <p>Nenhum usuário encontrado.</p>
             </td>
           </tr>
diff --git a/bin/sondar_fotos_simpliroute b/bin/sondar_fotos_simpliroute
new file mode 100755
index 0000000..f6692b5
--- /dev/null
+++ b/bin/sondar_fotos_simpliroute
@@ -0,0 +1,162 @@
+#!/usr/bin/env ruby
+# frozen_string_literal: true
+#
+# Sonda a API do SimpliRoute para descobrir se dá para ALTERAR as fotos de uma
+# visita. A documentação oficial não diz — este script responde na prática.
+#
+# Rode NO SERVIDOR (é lá que vive o SIMPLIROUTE_TOKEN):
+#
+#   # 1) Leitura — não muda nada. Comece sempre por aqui.
+#   SIMPLIROUTE_TOKEN=xxx bin/sondar_fotos_simpliroute --visita 871407488
+#
+#   # 2) Teste de escrita — adiciona uma foto de teste e RESTAURA em seguida.
+#   SIMPLIROUTE_TOKEN=xxx bin/sondar_fotos_simpliroute --visita 871407488 --testar-escrita
+#
+# Para achar o id numérico de uma visita: é o mesmo que a tela "Editar
+# Lançamento" mostra em "Visita <id>" depois de buscar pela NF.
+#
+# ⚠️ O teste de escrita mexe numa visita REAL. Use uma visita de teste ou uma
+# entrega antiga/sem importância. O valor original é impresso antes de qualquer
+# alteração e a restauração roda em `ensure` — se algo falhar, dá para refazer
+# na mão com o JSON impresso.
+
+require 'net/http'
+require 'json'
+require 'uri'
+
+BASE  = ENV.fetch('SIMPLIROUTE_BASE_URL', 'https://api.simpliroute.com')
+TOKEN = ENV['SIMPLIROUTE_TOKEN'].to_s
+
+# URL pública qualquer, só para ver se a API aceita o campo. Não é baixada por nós.
+URL_TESTE = 'https://via.placeholder.com/64.png#sondagem-reem'
+
+def sair(msg)
+  warn msg
+  exit 1
+end
+
+sair('Defina SIMPLIROUTE_TOKEN no ambiente.') if TOKEN.empty?
+
+visita_id = nil
+testar_escrita = false
+ARGV.each_with_index do |a, i|
+  visita_id = ARGV[i + 1] if a == '--visita'
+  testar_escrita = true   if a == '--testar-escrita'
+end
+sair('Uso: bin/sondar_fotos_simpliroute --visita <id> [--testar-escrita]') if visita_id.to_s.empty?
+
+def requisicao(metodo, caminho, corpo = nil)
+  uri = URI.join(BASE, caminho)
+  req = case metodo
+        when :get   then Net::HTTP::Get.new(uri)
+        when :patch then Net::HTTP::Patch.new(uri)
+        end
+  req['Authorization'] = "Token #{TOKEN}"
+  req['Content-Type']  = 'application/json'
+  req['Accept']        = 'application/json'
+  req.body = corpo.to_json if corpo
+
+  res = Net::HTTP.start(uri.host, uri.port, use_ssl: uri.scheme == 'https',
+                                            open_timeout: 10, read_timeout: 30) { |h| h.request(req) }
+  body = begin
+    res.body.to_s.empty? ? nil : JSON.parse(res.body)
+  rescue JSON::ParserError
+    res.body
+  end
+  [res.code.to_i, body]
+end
+
+def titulo(t)
+  puts "\n#{'─' * 66}\n#{t}\n#{'─' * 66}"
+end
+
+# ── 1. Leitura: o que cada endpoint devolve de imagem ────────────────────────
+# As fotos REAIS do motorista ficam em extra_field_values (foto_nf,
+# foto_prova_visita, ...). O array `pictures` costuma ter só 1 imagem genérica.
+titulo("1. GET /v1/routes/visits/#{visita_id}/  (endpoint de escrita)")
+cod, visita = requisicao(:get, "/v1/routes/visits/#{visita_id}/")
+sair("Falhou (HTTP #{cod}): #{visita.inspect}") unless cod == 200
+
+efv_orig = visita['extra_field_values'].is_a?(Hash) ? visita['extra_field_values'] : {}
+puts "  status .............. #{visita['status'].inspect}"
+puts "  reference (NF) ...... #{visita['reference'].inspect}"
+puts "  pictures ............ #{Array(visita['pictures']).size} item(ns) (genéricas)"
+puts "  signature ........... #{visita['signature'].inspect}"
+puts "  extra_field_values .. #{efv_orig.size} campo(s) — AQUI estão as fotos reais:"
+efv_orig.each { |campo, url| puts "     #{campo.ljust(20)} #{url.nil? ? '(vazio)' : url}" }
+
+titulo("2. GET /v1/plans/visits/#{visita_id}/detail/  (POD — costuma ser + completo)")
+cod_d, detalhe = requisicao(:get, "/v1/plans/visits/#{visita_id}/detail/")
+if cod_d == 200 && detalhe.is_a?(Hash)
+  efv_det = detalhe['extra_field_values'].is_a?(Hash) ? detalhe['extra_field_values'] : {}
+  puts "  extra_field_values .. #{efv_det.size} campo(s):"
+  efv_det.each { |campo, url| puts "     #{campo.ljust(20)} #{url.nil? ? '(vazio)' : url}" }
+else
+  puts "  Indisponível (HTTP #{cod_d}) — a galeria segue só com a visita."
+end
+
+unless testar_escrita
+  titulo('Leitura concluída — nada foi alterado')
+  puts '  Para descobrir se dá para GRAVAR foto, rode de novo com --testar-escrita'
+  puts '  (de preferência numa visita de teste/antiga).'
+  exit 0
+end
+
+# ── 3. Escrita: mexe num campo VAZIO e restaura ──────────────────────────────
+# Alvo: um campo de foto que esteja vazio (por padrão foto_termo). Assim o teste
+# NÃO sobrescreve nenhuma foto real — só preenche um espaço em branco e desfaz.
+# Ao gravar, mandamos o dict INTEIRO (a API pode substituir o objeto todo).
+titulo('3. TESTE DE ESCRITA — PATCH extra_field_values')
+
+alvo = efv_orig.key?('foto_termo') && efv_orig['foto_termo'].nil? ? 'foto_termo' :
+       efv_orig.find { |_c, v| v.nil? }&.first
+if alvo.nil?
+  sair('  Nenhum campo de foto vazio nesta visita — para não sobrescrever uma ' \
+       'foto real, escolha outra visita (com foto_termo vazio) para o teste.')
+end
+
+puts "  Campo-alvo (vazio) .. #{alvo}"
+puts "  extra_field_values ORIGINAL (guarde p/ restaurar na mão, se precisar):"
+puts "  #{efv_orig.to_json}"
+
+veredito = 'INDEFINIDO'
+begin
+  novo = efv_orig.merge(alvo => URL_TESTE)
+  cod_p, resp = requisicao(:patch, "/v1/routes/visits/#{visita_id}/", { 'extra_field_values' => novo })
+  puts "\n  PATCH respondeu HTTP #{cod_p}"
+
+  if cod_p != 200
+    veredito = 'NÃO É POSSÍVEL — a API recusou o PATCH'
+    puts "  corpo: #{resp.inspect[0, 400]}"
+  else
+    # 200 não basta: a API pode aceitar e ignorar o campo silenciosamente.
+    _, confere = requisicao(:get, "/v1/routes/visits/#{visita_id}/")
+    atual = confere['extra_field_values'].is_a?(Hash) ? confere['extra_field_values'] : {}
+    persistiu = atual[alvo] == URL_TESTE
+    veredito = persistiu ? 'É POSSÍVEL — o valor de teste persistiu no campo de foto' :
+                           'NÃO — a API respondeu 200 mas IGNOROU extra_field_values'
+    puts "  #{alvo} após o PATCH: #{atual[alvo].inspect}"
+  end
+ensure
+  # Restaura sempre, mesmo se algo acima estourar.
+  titulo('4. RESTAURANDO o valor original')
+  cod_r, = requisicao(:patch, "/v1/routes/visits/#{visita_id}/", { 'extra_field_values' => efv_orig })
+  _, final = requisicao(:get, "/v1/routes/visits/#{visita_id}/")
+  restaurado = final['extra_field_values'].is_a?(Hash) ? final['extra_field_values'] : {}
+  ok = restaurado[alvo].to_s == efv_orig[alvo].to_s && restaurado[alvo] != URL_TESTE
+  puts "  PATCH de restauração: HTTP #{cod_r}"
+  puts(ok ? "  ✔ Restaurado — #{alvo} voltou a #{efv_orig[alvo].inspect}." :
+            "  ✘ ATENÇÃO: confira manualmente. Agora #{alvo} = #{restaurado[alvo].inspect}")
+end
+
+titulo("VEREDITO: #{veredito}")
+puts <<~FIM
+  Se deu "É POSSÍVEL", dá para implementar substituir/remover/adicionar foto:
+  a edição é um PATCH em extra_field_values (o campo certo: foto_nf, foto_termo,
+  foto_prova_visita, ...). Falta só resolver ONDE hospedar a imagem nova — o app
+  ainda não tem ActiveStorage com migrations/storage.yml, então a foto enviada
+  pelo ADM precisa virar uma URL pública antes do PATCH.
+
+  Se deu "NÃO", a alteração terá de ser feita pela interface web do SimpliRoute.
+  Vale confirmar o caminho de upload com contact@simpliroute.com.
+FIM
diff --git a/public/icons.svg b/public/icons.svg
new file mode 100644
index 0000000..9fa1e23
--- /dev/null
+++ b/public/icons.svg
@@ -0,0 +1,79 @@
+<svg xmlns="http://www.w3.org/2000/svg" style="display:none">
+<!-- Bootstrap Icons v1.x (MIT License) - subset for Reem Notas -->
+<symbol class="bi bi-bar-chart-fill" viewBox="0 0 16 16" id="bar-chart-fill"><path d="M1 11a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm5-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm5-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1z"/></symbol>
+<symbol class="bi bi-graph-up-arrow" viewBox="0 0 16 16" id="graph-up-arrow"><path fill-rule="evenodd" d="M0 0h1v15h15v1H0zm10 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V4.9l-3.613 4.417a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61L13.445 4H10.5a.5.5 0 0 1-.5-.5"/></symbol>
+<symbol class="bi bi-box-seam-fill" viewBox="0 0 16 16" id="box-seam-fill"><path fill-rule="evenodd" d="M15.528 2.973a.75.75 0 0 1 .472.696v8.662a.75.75 0 0 1-.472.696l-7.25 2.9a.75.75 0 0 1-.557 0l-7.25-2.9A.75.75 0 0 1 0 12.331V3.669a.75.75 0 0 1 .471-.696L7.443.184l.01-.003.268-.108a.75.75 0 0 1 .558 0l.269.108.01.003zM10.404 2 4.25 4.461 1.846 3.5 1 3.839v.4l6.5 2.6v7.922l.5.2.5-.2V6.84l6.5-2.6v-.4l-.846-.339L8 5.961 5.596 5l6.154-2.461z"/></symbol>
+<symbol class="bi bi-folder-fill" viewBox="0 0 16 16" id="folder-fill"><path d="M9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.825a2 2 0 0 1-1.991-1.819l-.637-7a2 2 0 0 1 .342-1.31L.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3m-8.322.12q.322-.119.684-.12h5.396l-.707-.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981z"/></symbol>
+<symbol class="bi bi-house-fill" viewBox="0 0 16 16" id="house-fill"><path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L8 2.207l6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293z"/><path d="m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293z"/></symbol>
+<symbol class="bi bi-people-fill" viewBox="0 0 16 16" id="people-fill"><path d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-5.784 6A2.24 2.24 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.3 6.3 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5"/></symbol>
+<symbol class="bi bi-gear-fill" viewBox="0 0 16 16" id="gear-fill"><path d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z"/></symbol>
+<symbol class="bi bi-search" viewBox="0 0 16 16" id="search"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/></symbol>
+<symbol class="bi bi-box-arrow-in-down" viewBox="0 0 16 16" id="box-arrow-in-down"><path fill-rule="evenodd" d="M3.5 6a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5h-2a.5.5 0 0 1 0-1h2A1.5 1.5 0 0 1 14 6.5v8a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 14.5v-8A1.5 1.5 0 0 1 3.5 5h2a.5.5 0 0 1 0 1z"/><path fill-rule="evenodd" d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z"/></symbol>
+<symbol class="bi bi-pencil-fill" viewBox="0 0 16 16" id="pencil-fill"><path d="M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.5.5 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11z"/></symbol>
+<symbol class="bi bi-box-arrow-right" viewBox="0 0 16 16" id="box-arrow-right"><path fill-rule="evenodd" d="M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0z"/><path fill-rule="evenodd" d="M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708z"/></symbol>
+<symbol class="bi bi-list" viewBox="0 0 16 16" id="list"><path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5"/></symbol>
+<symbol class="bi bi-chevron-left" viewBox="0 0 16 16" id="chevron-left"><path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0"/></symbol>
+<symbol class="bi bi-chevron-down" viewBox="0 0 16 16" id="chevron-down"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/></symbol>
+<symbol class="bi bi-clipboard-data-fill" viewBox="0 0 16 16" id="clipboard-data-fill"><path d="M6.5 0A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0zm3 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5z"/><path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1A2.5 2.5 0 0 1 9.5 5h-3A2.5 2.5 0 0 1 4 2.5zM10 8a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0zm-6 4a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0zm4-3a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0v-3a1 1 0 0 1 1-1"/></symbol>
+<symbol class="bi bi-truck" viewBox="0 0 16 16" id="truck"><path d="M0 3.5A1.5 1.5 0 0 1 1.5 2h9A1.5 1.5 0 0 1 12 3.5V5h1.02a1.5 1.5 0 0 1 1.17.563l1.481 1.85a1.5 1.5 0 0 1 .329.938V10.5a1.5 1.5 0 0 1-1.5 1.5H14a2 2 0 1 1-4 0H5a2 2 0 1 1-3.998-.085A1.5 1.5 0 0 1 0 10.5zm1.294 7.456A2 2 0 0 1 4.732 11h5.536a2 2 0 0 1 .732-.732V3.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .294.456M12 10a2 2 0 0 1 1.732 1h.768a.5.5 0 0 0 .5-.5V8.35a.5.5 0 0 0-.11-.312l-1.48-1.85A.5.5 0 0 0 13.02 6H12zm-9 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2m9 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2"/></symbol>
+<symbol class="bi bi-car-front-fill" viewBox="0 0 16 16" id="car-front-fill"><path d="M2.52 3.515A2.5 2.5 0 0 1 4.82 2h6.362c1 0 1.904.596 2.298 1.515l.792 1.848c.075.175.21.319.38.404.5.25.855.715.965 1.262l.335 1.679q.05.242.049.49v.413c0 .814-.39 1.543-1 1.997V13.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-1.338c-1.292.048-2.745.088-4 .088s-2.708-.04-4-.088V13.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-1.892c-.61-.454-1-1.183-1-1.997v-.413a2.5 2.5 0 0 1 .049-.49l.335-1.68c.11-.546.465-1.012.964-1.261a.8.8 0 0 0 .381-.404l.792-1.848ZM3 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2m10 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2M6 8a1 1 0 0 0 0 2h4a1 1 0 1 0 0-2zM2.906 5.189a.51.51 0 0 0 .497.731c.91-.073 3.35-.17 4.597-.17s3.688.097 4.597.17a.51.51 0 0 0 .497-.731l-.956-1.913A.5.5 0 0 0 11.691 3H4.309a.5.5 0 0 0-.447.276L2.906 5.19Z"/></symbol>
+<symbol class="bi bi-cash-coin" viewBox="0 0 16 16" id="cash-coin"><path fill-rule="evenodd" d="M11 15a4 4 0 1 0 0-8 4 4 0 0 0 0 8m5-4a5 5 0 1 1-10 0 5 5 0 0 1 10 0"/><path d="M9.438 11.944c.047.596.518 1.06 1.363 1.116v.44h.375v-.443c.875-.061 1.386-.529 1.386-1.207 0-.618-.39-.936-1.09-1.1l-.296-.07v-1.2c.376.043.614.248.671.532h.658c-.047-.575-.54-1.024-1.329-1.073V8.5h-.375v.45c-.747.073-1.255.522-1.255 1.158 0 .562.378.92 1.007 1.066l.248.061v1.272c-.384-.058-.639-.27-.696-.563h-.668zm1.36-1.354c-.369-.085-.569-.26-.569-.522 0-.294.216-.514.572-.578v1.1zm.432.746c.449.104.655.272.655.569 0 .339-.257.571-.709.614v-1.195z"/><path d="M1 0a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4.083q.088-.517.258-1H3a2 2 0 0 0-2-2V3a2 2 0 0 0 2-2h10a2 2 0 0 0 2 2v3.528c.38.34.717.728 1 1.154V1a1 1 0 0 0-1-1z"/><path d="M9.998 5.083 10 5a2 2 0 1 0-3.132 1.65 6 6 0 0 1 3.13-1.567"/></symbol>
+<symbol class="bi bi-cash-stack" viewBox="0 0 16 16" id="cash-stack"><path d="M1 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1zm7 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4"/><path d="M0 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm3 0a2 2 0 0 1-2 2v4a2 2 0 0 1 2 2h10a2 2 0 0 1 2-2V7a2 2 0 0 1-2-2z"/></symbol>
+<symbol class="bi bi-cash" viewBox="0 0 16 16" id="cash"><path d="M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4"/><path d="M0 4a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm3 0a2 2 0 0 1-2 2v4a2 2 0 0 1 2 2h10a2 2 0 0 1 2-2V6a2 2 0 0 1-2-2z"/></symbol>
+<symbol class="bi bi-briefcase-fill" viewBox="0 0 16 16" id="briefcase-fill"><path d="M6.5 1A1.5 1.5 0 0 0 5 2.5V3H1.5A1.5 1.5 0 0 0 0 4.5v1.384l7.614 2.03a1.5 1.5 0 0 0 .772 0L16 5.884V4.5A1.5 1.5 0 0 0 14.5 3H11v-.5A1.5 1.5 0 0 0 9.5 1zm0 1h3a.5.5 0 0 1 .5.5V3H6v-.5a.5.5 0 0 1 .5-.5"/><path d="M0 12.5A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5V6.85L8.129 8.947a.5.5 0 0 1-.258 0L0 6.85z"/></symbol>
+<symbol class="bi bi-calendar-event" viewBox="0 0 16 16" id="calendar-event"><path d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5z"/><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z"/></symbol>
+<symbol class="bi bi-receipt" viewBox="0 0 16 16" id="receipt"><path d="M1.92.506a.5.5 0 0 1 .434.14L3 1.293l.646-.647a.5.5 0 0 1 .708 0L5 1.293l.646-.647a.5.5 0 0 1 .708 0L7 1.293l.646-.647a.5.5 0 0 1 .708 0L9 1.293l.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .801.13l.5 1A.5.5 0 0 1 15 2v12a.5.5 0 0 1-.053.224l-.5 1a.5.5 0 0 1-.8.13L13 14.707l-.646.647a.5.5 0 0 1-.708 0L11 14.707l-.646.647a.5.5 0 0 1-.708 0L9 14.707l-.646.647a.5.5 0 0 1-.708 0L7 14.707l-.646.647a.5.5 0 0 1-.708 0L5 14.707l-.646.647a.5.5 0 0 1-.708 0L3 14.707l-.646.647a.5.5 0 0 1-.801-.13l-.5-1A.5.5 0 0 1 1 14V2a.5.5 0 0 1 .053-.224l.5-1a.5.5 0 0 1 .367-.27m.217 1.338L2 2.118v11.764l.137.274.51-.51a.5.5 0 0 1 .707 0l.646.647.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.509.509.137-.274V2.118l-.137-.274-.51.51a.5.5 0 0 1-.707 0L12 1.707l-.646.647a.5.5 0 0 1-.708 0L10 1.707l-.646.647a.5.5 0 0 1-.708 0L8 1.707l-.646.647a.5.5 0 0 1-.708 0L6 1.707l-.646.647a.5.5 0 0 1-.708 0L4 1.707l-.646.647a.5.5 0 0 1-.708 0z"/><path d="M3 4.5a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5m8-6a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5"/></symbol>
+<symbol class="bi bi-file-earmark-text-fill" viewBox="0 0 16 16" id="file-earmark-text-fill"><path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0M9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1M4.5 9a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1zM4 10.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m.5 2.5a.5.5 0 0 1 0-1h4a.5.5 0 0 1 0 1z"/></symbol>
+<symbol class="bi bi-pencil-square" viewBox="0 0 16 16" id="pencil-square"><path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z"/><path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z"/></symbol>
+<symbol class="bi bi-geo-alt-fill" viewBox="0 0 16 16" id="geo-alt-fill"><path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6"/></symbol>
+<symbol class="bi bi-hospital-fill" viewBox="0 0 16 16" id="hospital-fill"><path d="M6 0a1 1 0 0 0-1 1v1a1 1 0 0 0-1 1v4H1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h6v-2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5V16h6a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1h-3V3a1 1 0 0 0-1-1V1a1 1 0 0 0-1-1zm2.5 5.034v1.1l.953-.55.5.867L9 7l.953.55-.5.866-.953-.55v1.1h-1v-1.1l-.953.55-.5-.866L7 7l-.953-.55.5-.866.953.55v-1.1zM2.25 9h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 2 9.75v-.5A.25.25 0 0 1 2.25 9m0 2h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5a.25.25 0 0 1 .25-.25M2 13.25a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25zM13.25 9h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5a.25.25 0 0 1 .25-.25M13 11.25a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25zm.25 1.75h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5a.25.25 0 0 1 .25-.25"/></symbol>
+<symbol class="bi bi-globe2" viewBox="0 0 16 16" id="globe2"><path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855q-.215.403-.395.872c.705.157 1.472.257 2.282.287zM4.249 3.539q.214-.577.481-1.078a7 7 0 0 1 .597-.933A7 7 0 0 0 3.051 3.05q.544.277 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9 9 0 0 1-1.565-.667A6.96 6.96 0 0 0 1.018 7.5zm1.4-2.741a12.3 12.3 0 0 0-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332M8.5 5.09V7.5h2.99a12.3 12.3 0 0 0-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.6 13.6 0 0 1 7.5 10.91V8.5zm3.99 0v2.409c.91.03 1.783.145 2.591.332.223-.827.364-1.754.4-2.741zm-3.282 3.696q.18.469.395.872c.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a7 7 0 0 1-.598-.933 9 9 0 0 1-.481-1.079 8.4 8.4 0 0 0-1.198.49 7 7 0 0 0 2.276 1.522zm-1.383-2.964A13.4 13.4 0 0 1 3.508 8.5h-2.49a6.96 6.96 0 0 0 1.362 3.675c.47-.258.995-.482 1.565-.667m6.728 2.964a7 7 0 0 0 2.275-1.521 8.4 8.4 0 0 0-1.197-.49 9 9 0 0 1-.481 1.078 7 7 0 0 1-.597.933M8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855q.216-.403.395-.872A12.6 12.6 0 0 0 8.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.96 6.96 0 0 0 14.982 8.5h-2.49a13.4 13.4 0 0 1-.437 3.008M14.982 7.5a6.96 6.96 0 0 0-1.362-3.675c-.47.258-.995.482-1.565.667.248.92.4 1.938.437 3.008zM11.27 2.461q.266.502.482 1.078a8.4 8.4 0 0 0 1.196-.49 7 7 0 0 0-2.275-1.52c.218.283.418.597.597.932m-.488 1.343a8 8 0 0 0-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z"/></symbol>
+<symbol class="bi bi-arrow-left-right" viewBox="0 0 16 16" id="arrow-left-right"><path fill-rule="evenodd" d="M1 11.5a.5.5 0 0 0 .5.5h11.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 11H1.5a.5.5 0 0 0-.5.5m14-7a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H14.5a.5.5 0 0 1 .5.5"/></symbol>
+<symbol class="bi bi-plus-lg" viewBox="0 0 16 16" id="plus-lg"><path fill-rule="evenodd" d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2"/></symbol>
+<symbol class="bi bi-x-lg" viewBox="0 0 16 16" id="x-lg"><path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/></symbol>
+<symbol class="bi bi-check-lg" viewBox="0 0 16 16" id="check-lg"><path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z"/></symbol>
+<symbol class="bi bi-lock-fill" viewBox="0 0 16 16" id="lock-fill"><path fill-rule="evenodd" d="M8 0a4 4 0 0 1 4 4v2.05a2.5 2.5 0 0 1 2 2.45v5a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 13.5v-5a2.5 2.5 0 0 1 2-2.45V4a4 4 0 0 1 4-4m0 1a3 3 0 0 0-3 3v2h6V4a3 3 0 0 0-3-3"/></symbol>
+<symbol class="bi bi-unlock-fill" viewBox="0 0 16 16" id="unlock-fill"><path fill-rule="evenodd" d="M12 0a4 4 0 0 1 4 4v2.5h-1V4a3 3 0 1 0-6 0v2h.5A2.5 2.5 0 0 1 12 8.5v5A2.5 2.5 0 0 1 9.5 16h-7A2.5 2.5 0 0 1 0 13.5v-5A2.5 2.5 0 0 1 2.5 6H8V4a4 4 0 0 1 4-4"/></symbol>
+<symbol class="bi bi-archive-fill" viewBox="0 0 16 16" id="archive-fill"><path d="M12.643 15C13.979 15 15 13.845 15 12.5V5H1v7.5C1 13.845 2.021 15 3.357 15zM5.5 7h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1M.8 1a.8.8 0 0 0-.8.8V3a.8.8 0 0 0 .8.8h14.4A.8.8 0 0 0 16 3V1.8a.8.8 0 0 0-.8-.8z"/></symbol>
+<symbol class="bi bi-folder2-open" viewBox="0 0 16 16" id="folder2-open"><path d="M1 3.5A1.5 1.5 0 0 1 2.5 2h2.764c.958 0 1.76.56 2.311 1.184C7.985 3.648 8.48 4 9 4h4.5A1.5 1.5 0 0 1 15 5.5v.64c.57.265.94.876.856 1.546l-.64 5.124A2.5 2.5 0 0 1 12.733 15H3.266a2.5 2.5 0 0 1-2.481-2.19l-.64-5.124A1.5 1.5 0 0 1 1 6.14zM2 6h12v-.5a.5.5 0 0 0-.5-.5H9c-.964 0-1.71-.629-2.174-1.154C6.374 3.334 5.82 3 5.264 3H2.5a.5.5 0 0 0-.5.5zm-.367 1a.5.5 0 0 0-.496.562l.64 5.124A1.5 1.5 0 0 0 3.266 14h9.468a1.5 1.5 0 0 0 1.489-1.314l.64-5.124A.5.5 0 0 0 14.367 7z"/></symbol>
+<symbol class="bi bi-trash-fill" viewBox="0 0 16 16" id="trash-fill"><path d="M2.5 1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1H3v9a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V4h.5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1zm3 4a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5M8 5a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7A.5.5 0 0 1 8 5m3 .5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 1 0"/></symbol>
+<symbol class="bi bi-arrow-clockwise" viewBox="0 0 16 16" id="arrow-clockwise"><path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2z"/><path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466"/></symbol>
+<symbol class="bi bi-floppy-fill" viewBox="0 0 16 16" id="floppy-fill"><path d="M0 1.5A1.5 1.5 0 0 1 1.5 0H3v5.5A1.5 1.5 0 0 0 4.5 7h7A1.5 1.5 0 0 0 13 5.5V0h.086a1.5 1.5 0 0 1 1.06.44l1.415 1.414A1.5 1.5 0 0 1 16 2.914V14.5a1.5 1.5 0 0 1-1.5 1.5H14v-5.5A1.5 1.5 0 0 0 12.5 9h-9A1.5 1.5 0 0 0 2 10.5V16h-.5A1.5 1.5 0 0 1 0 14.5z"/><path d="M3 16h10v-5.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5zm9-16H4v5.5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5zM9 1h2v4H9z"/></symbol>
+<symbol class="bi bi-printer-fill" viewBox="0 0 16 16" id="printer-fill"><path d="M5 1a2 2 0 0 0-2 2v1h10V3a2 2 0 0 0-2-2zm6 8H5a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1"/><path d="M0 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-1v-2a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v2H2a2 2 0 0 1-2-2zm2.5 1a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1"/></symbol>
+<symbol class="bi bi-eye-fill" viewBox="0 0 16 16" id="eye-fill"><path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0"/><path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8m8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7"/></symbol>
+<symbol class="bi bi-person-fill" viewBox="0 0 16 16" id="person-fill"><path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6"/></symbol>
+<symbol class="bi bi-person-badge-fill" viewBox="0 0 16 16" id="person-badge-fill"><path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm4.5 0a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1zM8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6m5 2.755C12.146 12.825 10.623 12 8 12s-4.146.826-5 1.755V14a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1z"/></symbol>
+<symbol class="bi bi-key-fill" viewBox="0 0 16 16" id="key-fill"><path d="M3.5 11.5a3.5 3.5 0 1 1 3.163-5H14L15.5 8 14 9.5l-1-1-1 1-1-1-1 1-1-1-1 1H6.663a3.5 3.5 0 0 1-3.163 2M2.5 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2"/></symbol>
+<symbol class="bi bi-envelope-fill" viewBox="0 0 16 16" id="envelope-fill"><path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414zM0 4.697v7.104l5.803-3.558zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586zm3.436-.586L16 11.801V4.697z"/></symbol>
+<symbol class="bi bi-telephone-fill" viewBox="0 0 16 16" id="telephone-fill"><path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"/></symbol>
+<symbol class="bi bi-clock-fill" viewBox="0 0 16 16" id="clock-fill"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71z"/></symbol>
+<symbol class="bi bi-clock-history" viewBox="0 0 16 16" id="clock-history"><path d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022zm2.004.45a7 7 0 0 0-.985-.299l.219-.976q.576.129 1.126.342zm1.37.71a7 7 0 0 0-.439-.27l.493-.87a8 8 0 0 1 .979.654l-.615.789a7 7 0 0 0-.418-.302zm1.834 1.79a7 7 0 0 0-.653-.796l.724-.69q.406.429.747.91zm.744 1.352a7 7 0 0 0-.214-.468l.893-.45a8 8 0 0 1 .45 1.088l-.95.313a7 7 0 0 0-.179-.483m.53 2.507a7 7 0 0 0-.1-1.025l.985-.17q.1.58.116 1.17zm-.131 1.538q.05-.254.081-.51l.993.123a8 8 0 0 1-.23 1.155l-.964-.267q.069-.247.12-.501m-.952 2.379q.276-.436.486-.908l.914.405q-.24.54-.555 1.038zm-.964 1.205q.183-.183.35-.378l.758.653a8 8 0 0 1-.401.432z"/><path d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0z"/><path d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5"/></symbol>
+<symbol class="bi bi-hourglass-split" viewBox="0 0 16 16" id="hourglass-split"><path d="M2.5 15a.5.5 0 1 1 0-1h1v-1a4.5 4.5 0 0 1 2.557-4.06c.29-.139.443-.377.443-.59v-.7c0-.213-.154-.451-.443-.59A4.5 4.5 0 0 1 3.5 3V2h-1a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-1v1a4.5 4.5 0 0 1-2.557 4.06c-.29.139-.443.377-.443.59v.7c0 .213.154.451.443.59A4.5 4.5 0 0 1 12.5 13v1h1a.5.5 0 0 1 0 1zm2-13v1c0 .537.12 1.045.337 1.5h6.326c.216-.455.337-.963.337-1.5V2zm3 6.35c0 .701-.478 1.236-1.011 1.492A3.5 3.5 0 0 0 4.5 13s.866-1.299 3-1.48zm1 0v3.17c2.134.181 3 1.48 3 1.48a3.5 3.5 0 0 0-1.989-3.158C8.978 9.586 8.5 9.052 8.5 8.351z"/></symbol>
+<symbol class="bi bi-trophy-fill" viewBox="0 0 16 16" id="trophy-fill"><path d="M2.5.5A.5.5 0 0 1 3 0h10a.5.5 0 0 1 .5.5q0 .807-.034 1.536a3 3 0 1 1-1.133 5.89c-.79 1.865-1.878 2.777-2.833 3.011v2.173l1.425.356c.194.048.377.135.537.255L13.3 15.1a.5.5 0 0 1-.3.9H3a.5.5 0 0 1-.3-.9l1.838-1.379c.16-.12.343-.207.537-.255L6.5 13.11v-2.173c-.955-.234-2.043-1.146-2.833-3.012a3 3 0 1 1-1.132-5.89A33 33 0 0 1 2.5.5m.099 2.54a2 2 0 0 0 .72 3.935c-.333-1.05-.588-2.346-.72-3.935m10.083 3.935a2 2 0 0 0 .72-3.935c-.133 1.59-.388 2.885-.72 3.935"/></symbol>
+<symbol class="bi bi-tag-fill" viewBox="0 0 16 16" id="tag-fill"><path d="M2 1a1 1 0 0 0-1 1v4.586a1 1 0 0 0 .293.707l7 7a1 1 0 0 0 1.414 0l4.586-4.586a1 1 0 0 0 0-1.414l-7-7A1 1 0 0 0 6.586 1zm4 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"/></symbol>
+<symbol class="bi bi-puzzle-fill" viewBox="0 0 16 16" id="puzzle-fill"><path d="M3.112 3.645A1.5 1.5 0 0 1 4.605 2H7a.5.5 0 0 1 .5.5v.382c0 .696-.497 1.182-.872 1.469a.5.5 0 0 0-.115.118l-.012.025L6.5 4.5v.003l.003.01q.005.015.036.053a.9.9 0 0 0 .27.194C7.09 4.9 7.51 5 8 5c.492 0 .912-.1 1.19-.24a.9.9 0 0 0 .271-.194.2.2 0 0 0 .036-.054l.003-.01v-.008l-.012-.025a.5.5 0 0 0-.115-.118c-.375-.287-.872-.773-.872-1.469V2.5A.5.5 0 0 1 9 2h2.395a1.5 1.5 0 0 1 1.493 1.645L12.645 6.5h.237c.195 0 .42-.147.675-.48.21-.274.528-.52.943-.52.568 0 .947.447 1.154.862C15.877 6.807 16 7.387 16 8s-.123 1.193-.346 1.638c-.207.415-.586.862-1.154.862-.415 0-.733-.246-.943-.52-.255-.333-.48-.48-.675-.48h-.237l.243 2.855A1.5 1.5 0 0 1 11.395 14H9a.5.5 0 0 1-.5-.5v-.382c0-.696.497-1.182.872-1.469a.5.5 0 0 0 .115-.118l.012-.025.001-.006v-.003l-.003-.01a.2.2 0 0 0-.036-.053.9.9 0 0 0-.27-.194C8.91 11.1 8.49 11 8 11s-.912.1-1.19.24a.9.9 0 0 0-.271.194.2.2 0 0 0-.036.054l-.003.01v.002l.001.006.012.025c.016.027.05.068.115.118.375.287.872.773.872 1.469v.382a.5.5 0 0 1-.5.5H4.605a1.5 1.5 0 0 1-1.493-1.645L3.356 9.5h-.238c-.195 0-.42.147-.675.48-.21.274-.528.52-.943.52-.568 0-.947-.447-1.154-.862C.123 9.193 0 8.613 0 8s.123-1.193.346-1.638C.553 5.947.932 5.5 1.5 5.5c.415 0 .733.246.943.52.255.333.48.48.675.48h.238z"/></symbol>
+<symbol class="bi bi-ticket-perforated-fill" viewBox="0 0 16 16" id="ticket-perforated-fill"><path d="M0 4.5A1.5 1.5 0 0 1 1.5 3h13A1.5 1.5 0 0 1 16 4.5V6a.5.5 0 0 1-.5.5 1.5 1.5 0 0 0 0 3 .5.5 0 0 1 .5.5v1.5a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 11.5V10a.5.5 0 0 1 .5-.5 1.5 1.5 0 1 0 0-3A.5.5 0 0 1 0 6zm4-1v1h1v-1zm1 3v-1H4v1zm7 0v-1h-1v1zm-1-2h1v-1h-1zm-6 3H4v1h1zm7 1v-1h-1v1zm-7 1H4v1h1zm7 1v-1h-1v1zm-8 1v1h1v-1zm7 1h1v-1h-1z"/></symbol>
+<symbol class="bi bi-journal-text" viewBox="0 0 16 16" id="journal-text"><path d="M5 10.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5"/><path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2"/><path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1z"/></symbol>
+<symbol class="bi bi-inbox" viewBox="0 0 16 16" id="inbox"><path d="M4.98 4a.5.5 0 0 0-.39.188L1.54 8H6a.5.5 0 0 1 .5.5 1.5 1.5 0 1 0 3 0A.5.5 0 0 1 10 8h4.46l-3.05-3.812A.5.5 0 0 0 11.02 4zm9.954 5H10.45a2.5 2.5 0 0 1-4.9 0H1.066l.32 2.562a.5.5 0 0 0 .497.438h12.234a.5.5 0 0 0 .496-.438zM3.809 3.563A1.5 1.5 0 0 1 4.981 3h6.038a1.5 1.5 0 0 1 1.172.563l3.7 4.625a.5.5 0 0 1 .105.374l-.39 3.124A1.5 1.5 0 0 1 14.117 13H1.883a1.5 1.5 0 0 1-1.489-1.314l-.39-3.124a.5.5 0 0 1 .106-.374z"/></symbol>
+<symbol class="bi bi-lightbulb-fill" viewBox="0 0 16 16" id="lightbulb-fill"><path d="M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13h-5a.5.5 0 0 1-.46-.302l-.761-1.77a2 2 0 0 0-.453-.618A5.98 5.98 0 0 1 2 6m3 8.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1-.5-.5"/></symbol>
+<symbol class="bi bi-star-fill" viewBox="0 0 16 16" id="star-fill"><path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/></symbol>
+<symbol class="bi bi-stars" viewBox="0 0 16 16" id="stars"><path d="M7.657 6.247c.11-.33.576-.33.686 0l.645 1.937a2.89 2.89 0 0 0 1.829 1.828l1.936.645c.33.11.33.576 0 .686l-1.937.645a2.89 2.89 0 0 0-1.828 1.829l-.645 1.936a.361.361 0 0 1-.686 0l-.645-1.937a2.89 2.89 0 0 0-1.828-1.828l-1.937-.645a.361.361 0 0 1 0-.686l1.937-.645a2.89 2.89 0 0 0 1.828-1.828zM3.794 1.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387A1.73 1.73 0 0 0 4.593 5.69l-.387 1.162a.217.217 0 0 1-.412 0L3.407 5.69A1.73 1.73 0 0 0 2.31 4.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387A1.73 1.73 0 0 0 3.407 2.31zM10.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.16 1.16 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.16 1.16 0 0 0-.732-.732L9.1 2.137a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732z"/></symbol>
+<symbol class="bi bi-fire" viewBox="0 0 16 16" id="fire"><path d="M8 16c3.314 0 6-2 6-5.5 0-1.5-.5-4-2.5-6 .25 1.5-1.25 2-1.25 2C11 4 9 .5 6 0c.357 2 .5 4-2 6-1.25 1-2 2.729-2 4.5C2 14 4.686 16 8 16m0-1c-1.657 0-3-1-3-2.75 0-.75.25-2 1.25-3C6.125 10 7 10.5 7 10.5c-.375-1.25.5-3.25 2-3.5-.179 1-.25 2 1 3 .625.5 1 1.364 1 2.25C11 14 9.657 15 8 15"/></symbol>
+<symbol class="bi bi-camera-fill" viewBox="0 0 16 16" id="camera-fill"><path d="M10.5 8.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0"/><path d="M2 4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1.172a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 9.172 2H6.828a2 2 0 0 0-1.414.586l-.828.828A2 2 0 0 1 3.172 4zm.5 2a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1m9 2.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0"/></symbol>
+<symbol class="bi bi-map-fill" viewBox="0 0 16 16" id="map-fill"><path fill-rule="evenodd" d="M16 .5a.5.5 0 0 0-.598-.49L10.5.99 5.598.01a.5.5 0 0 0-.196 0l-5 1A.5.5 0 0 0 0 1.5v14a.5.5 0 0 0 .598.49l4.902-.98 4.902.98a.5.5 0 0 0 .196 0l5-1A.5.5 0 0 0 16 14.5zM5 14.09V1.11l.5-.1.5.1v12.98l-.402-.08a.5.5 0 0 0-.196 0zm5 .8V1.91l.402.08a.5.5 0 0 0 .196 0L11 1.91v12.98l-.5.1z"/></symbol>
+<symbol class="bi bi-broadcast-pin" viewBox="0 0 16 16" id="broadcast-pin"><path d="M3.05 3.05a7 7 0 0 0 0 9.9.5.5 0 0 1-.707.707 8 8 0 0 1 0-11.314.5.5 0 0 1 .707.707m2.122 2.122a4 4 0 0 0 0 5.656.5.5 0 1 1-.708.708 5 5 0 0 1 0-7.072.5.5 0 0 1 .708.708m5.656-.708a.5.5 0 0 1 .708 0 5 5 0 0 1 0 7.072.5.5 0 1 1-.708-.708 4 4 0 0 0 0-5.656.5.5 0 0 1 0-.708m2.122-2.12a.5.5 0 0 1 .707 0 8 8 0 0 1 0 11.313.5.5 0 0 1-.707-.707 7 7 0 0 0 0-9.9.5.5 0 0 1 0-.707zM6 8a2 2 0 1 1 2.5 1.937V15.5a.5.5 0 0 1-1 0V9.937A2 2 0 0 1 6 8"/></symbol>
+<symbol class="bi bi-moon-fill" viewBox="0 0 16 16" id="moon-fill"><path d="M6 .278a.77.77 0 0 1 .08.858 7.2 7.2 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277q.792-.001 1.533-.16a.79.79 0 0 1 .81.316.73.73 0 0 1-.031.893A8.35 8.35 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.75.75 0 0 1 6 .278"/></symbol>
+<symbol class="bi bi-arrows-fullscreen" viewBox="0 0 16 16" id="arrows-fullscreen"><path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707m4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707m0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707m-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707"/></symbol>
+<symbol class="bi bi-slash-circle" viewBox="0 0 16 16" id="slash-circle"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/><path d="M11.354 4.646a.5.5 0 0 0-.708 0l-6 6a.5.5 0 0 0 .708.708l6-6a.5.5 0 0 0 0-.708"/></symbol>
+<symbol class="bi bi-circle-fill" viewBox="0 0 16 16" id="circle-fill"><circle cx="8" cy="8" r="8"/></symbol>
+<symbol class="bi bi-circle" viewBox="0 0 16 16" id="circle"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/></symbol>
+<symbol class="bi bi-check-circle-fill" viewBox="0 0 16 16" id="check-circle-fill"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/></symbol>
+<symbol class="bi bi-exclamation-triangle-fill" viewBox="0 0 16 16" id="exclamation-triangle-fill"><path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2"/></symbol>
+<symbol class="bi bi-x-circle-fill" viewBox="0 0 16 16" id="x-circle-fill"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293z"/></symbol>
+<symbol class="bi bi-question-circle" viewBox="0 0 16 16" id="question-circle"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/><path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94"/></symbol>
+<symbol class="bi bi-download" viewBox="0 0 16 16" id="download"><path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/><path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z"/></symbol>
+<symbol class="bi bi-arrow-left" viewBox="0 0 16 16" id="arrow-left"><path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"/></symbol>
+<symbol class="bi bi-arrow-right" viewBox="0 0 16 16" id="arrow-right"><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"/></symbol>
+<symbol class="bi bi-arrow-counterclockwise" viewBox="0 0 16 16" id="arrow-counterclockwise"><path fill-rule="evenodd" d="M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2z"/><path d="M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466"/></symbol>
+<symbol class="bi bi-check2" viewBox="0 0 16 16" id="check2"><path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0"/></symbol>
+</svg>
\ No newline at end of file