如何创建<embed /> svg按钮？

Question

我想在html中创建一个如下所示的自定义复选框：

我生成了一个包含和svg图像的嵌入对象，并编写了一个更改svg颜色的函数。我的问题是我无法向嵌入对象添加onclick属性，因此无法调用该函数。

请注意，嵌入对象是必须使用以下代码使用JavaScript生成的。

var new_checkbox = document.createElement('embed');
new_checkbox.setAttribute('class',"svg_check");
new_checkbox.setAttribute('onclick',"change_color("+C+","+i+")");
new_checkbox.setAttribute('src',"./images/check.svg");
new_checkbox.setAttribute('id',"svg_checkbox" + C + i);
new_skill.appendChild(new_checkbox);

我读到应该在svg中添加onclick属性。在这种情况下如何实现这一点，因为我没有使用内联svg。

是否可能有一种更简单的方法来创建一个在单击时改变颜色的图像按钮？