イベント等で使う名札を作るための何かです。

• アイコンを使った名札を作りたい
• 参加者のアイコンの URL が簡単に入手できる

まず、{ name: string, icon: string }[] の形式のデータをどうにかして用意します。 icon にはアイコン画像の URL を指定してください。index.html と近いディレクトリに画像を置いて相対パスを指定してもいいですし、base64 URL を使うことも可能です。

[
    {
    name: '名札 太郎',
    icon: 'https://placehold.co/100'
    },
]

次に、index.html における renderParticipants 関数の引数に、先程のデータを渡します。

最後に index.html をブラウザで開き、印刷してください。

名札のサイズ、余白、配置、フォントサイズなどを変更したい場合は、index.html の CSS を編集してください。 参加者ごとに細かいデザインの調整をしたい場合は、Devtools でいい感じにしてください。

名札にスクリーンネームと表示名を併記したいというようなカスタマイズも、HTML と JS と CSS がわかればいい感じにできると思います。