Problem: I would like to use a checkboxes group to display different icons using something like FontAwesome. Can I insert the icons in the checkboxes field values using HTML?
Solution: It's best to use a simple string as the value of each checkbox in a checkboxes group. Instead of using complex HTML in these values, use the "state" and "checked" options in the Types field shortcode, or use conditionals to display different content based on the checked checkboxes.
[types field="my-checkboxes" option="0" state="checked"]Add icon 1 HTML here[/types]
[types field="my-checkboxes" option="1" state="checked"]Add icon 2 HTML here[/types]
[types field="my-checkboxes" option="2" state="checked"]Add icon 3 HTML here[/types]