MapLibre GL SVG Sprite

import { registerSpriteFromIcons } from 'maplibre-gl-svg-sprite';

// Your SVG icons
const icons = [
  { id: 'marker', svg: markerSvg },
  { id: 'star', svg: starSvg }
];

// Register sprite protocol
await registerSpriteFromIcons(maplibregl, 'sprite', 'my-icons', icons);

// Use in your style
const map = new maplibregl.Map({
  style: {
    version: 8,
    sprite: 'sprite://my-icons',
    // ...
  }
});

Tip: For a quick sprite preview without SpriteBuilder, see buildSprite in the Quickstart page.