.iconify::before{
  content: "";
  display: inline-block;
  width: 1em;                 /* escala con font-size del contenedor */
  height: 1em;
  background: var(--icon-src) center/contain no-repeat;
  vertical-align: -0.125em;   /* alinea ópticamente con el texto */
}

.icon-btn2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;            /* controla el tamaño del ícono (1em) */
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f5f5f5;
  text-decoration: none;
  color: inherit;
  margin-right: .5rem;
  transition: background .2s;
}
.icon-btn2:hover { background: #e2e2e2; }

.title-icon{
  font-size: 1.5rem;          /* 1em del ::before = 1.5rem aquí */
  margin-right: .5rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
}

.iconify.xs::before{ width:.875em; height:.875em; }
.iconify.lg::before{ width:1.25em; height:1.25em; }

.iconify.tint::before{
  background: none;
  -webkit-mask: var(--icon-src) center/contain no-repeat;
  mask: var(--icon-src) center/contain no-repeat;
  background-color: currentColor; /* toma el color del texto */
}

/* Ejemplos: poné tus SVG en /static/icons/ */
.linkedin      { --icon-src: url('/static/icons/linkedin.svg'); }
.ver           { --icon-src: url('/static/icons/ver.svg'); }
.deshabilitar  { --icon-src: url('/static/icons/deshabilitar.svg'); }
.password      { --icon-src: url('/static/icons/password.svg'); }
.clientes      { --icon-src: url('/static/icons/clientes.svg'); }
.cashflow      { --icon-src: url('/static/icons/cashflow.svg'); }
.eliminar      { --icon-src: url('/static/icons/eliminar.svg'); }
.repetir       { --icon-src: url('/static/icons/repetir.svg'); }
.configurar    { --icon-src: url('/static/icons/configurar.svg'); }
.backlog       { --icon-src: url('/static/icons/backlog.svg'); }
.compartir     { --icon-src: url('/static/icons/share.svg'); }
.link          { --icon-src: url('/static/icons/link.svg'); }
.kanban        { --icon-src: url('/static/icons/kanban.svg'); }
.gantt         { --icon-src: url('/static/icons/gantt.svg'); }
.iniciativa    { --icon-src: url('/static/icons/iniciativa.svg'); }
.tarea         { --icon-src: url('/static/icons/tarea.svg'); }
.horas         { --icon-src: url('/static/icons/horas.svg'); }
.comentarios   { --icon-src: url('/static/icons/comentarios.svg'); }
.objetivo      { --icon-src: url('/static/icons/objetivo.svg'); }
.editar        { --icon-src: url('/static/icons/editar.svg'); }
.desplegar        { --icon-src: url('/static/icons/desplegar.svg'); }