如何在SurveyJs中使用内置SVG图标？求具体使用方法

方案1：无依赖快速实现（推荐） #

直接使用HTML实体字符生成对勾，无需任何额外图标库，在SurveyJS的JSON模型中这样写：

{
  "type": "html",
  "html": "✔ 感谢您完成这份问卷！"
}

渲染后会直接显示 √ 感谢您完成这份问卷！，完全适配SurveyJS的渲染逻辑。

方案2：使用SurveyJS内置图标 #

SurveyJS自带一套图标类，直接调用内置的复选框选中图标即可，无需额外引入资源：

{
  "type": "html",
  "html": "<span class='sv-icon sv-icon-checkbox-checked' style='margin-right: 8px;'></span> 感谢您完成这份问卷！"
}

可以通过内联样式调整图标颜色、大小等，比如加style='color: #27ae60; font-size: 16px;'自定义样式。

方案3：兼容Angular Material图标 #

如果一定要用Angular Material的图标，先确保项目已引入MatIconModule，然后在SurveyJS配置中允许mat-icon标签，再在HTML元素中使用：

1. 配置SurveyJS允许自定义标签：

Survey.defaults.html.allowTags = ["mat-icon", ...Survey.defaults.html.allowTags];

2. 在JSON模型中编写HTML内容：

{
  "type": "html",
  "html": "<mat-icon>check_box</mat-icon> 感谢您完成这份问卷！"
}

内容的提问来源于stack exchange，提问作者Scott Fraley