如何使用html源为jstree设置自定义图标

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.12/themes/default/style.min.css" /><script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.12/jstree.min.js"></script>

<div id="my-jstree"></div>

$(document).ready(function() {
  $("#my-jstree").jstree({
    "core": {
      "data": [
        {
          "id": "node1",
          "text": "Node 1",
          "icon": "custom-icon1"
        },
        {
          "id": "node2",
          "text": "Node 2",
          "icon": "custom-icon2"
        }
      ]
    },
    "plugins": ["wholerow", "checkbox"]
  });
});

.jstree-icon.custom-icon1 {
  background-image: url('path/to/your/icon1.png') !important;
}

.jstree-icon.custom-icon2 {
  background-image: url('path/to/your/icon2.png') !important;
}