El vector es texto

Un archivo .svg —el formato vectorial de la web— es un archivo de texto plano, igual que un .txt. Lo puedes abrir con el Bloc de notas y leer las instrucciones.

Y eso cambia quién puede editarlo.

<svg viewBox="0 0 100 100">
  <circle cx="50" cy="50" r="42"
          fill="#1A6B51"/>
  <text x="50" y="63"
        text-anchor="middle"
        font-size="42"
        fill="white">OK</text>
</svg>

Eso es lo que acabas de hacer con los botones: cambiar el color fue una palabra, agrandar el círculo fue un número, cambiar el texto fueron dos letras.

Nada se rehizo a mano, nada se degradó, y en el código se ve exactamente qué se tocó.

El mismo logo en .png es una pared de píxeles. Para cambiarle el color hay que generar la imagen de nuevo, entera, y esperar que salga parecida a la anterior.

Es la misma regla de «texto o binario», aplicada a las imágenes: el texto se edita, el binario se reemplaza.