HTML5二維碼圖標代碼是現代網頁設計中常用的一種元素。通過HTML5的canvas元素，以及javascript代碼，我們能夠輕松地創建一個二維碼的圖標并在網頁中展示。以下是一個簡單的二維碼圖標代碼：

<canvas id="qr-canvas"></canvas>
<script>
// 生成二維碼
var qr = qrcode(0, "L");
qr.addData("https://www.example.com");
qr.make();
// 獲取canvas元素
var canvas = document.getElementById("qr-canvas");
// 獲取canvas的上下文，用于繪制二維碼
var context = canvas.getContext("2d");
// 設置二維碼的大小
var size = 200;
// 繪制二維碼
for (var y = 0; y < qr.getModuleCount(); y++) {
for (var x = 0; x < qr.getModuleCount(); x++) {
context.fillStyle = qr.isDark(y, x) ? "#000000" : "#ffffff";
context.fillRect(x*size, y*size, size, size);
// 添加圖標
if (y >qr.getModuleCount() - 5 && x >qr.getModuleCount() - 5) {
context.fillStyle = "#000000";
context.fillRect(x*size, y*size, size, size);
}
}
}
</script>

以上是一個簡單的HTML5二維碼圖標代碼。首先，我們需要生成QR碼，并將QR碼填充到canvas元素中。然后，我們通過canvas的API繪制QR碼，并在QR碼的右下角添加了一個黑色的小方塊作為圖標。通過調整二維碼的大小，我們可以控制QR碼的顯示大小。此外，我們還可以通過CSS樣式表來美化二維碼。