Pdfmake: How to place icons in pdfmake? Is there any Solution

[Balaraju1]

How to place icons in pdfmake? Is there any Solution

[cougarten]

I use an icon font. Complicated but possible.

In short:

• Make a font at http://fontello.com/ or something and download it
• convert to dataURL (e.g. via http://dataurl.net/#dataurlmaker )
• add to the fs_js example like the robot font already in there (you can replace or remove the roboto) (strip the "data:application/octet-stream;base64," part from the beginning)
• define font in js (just defining normal might be enough):

        pdfMake.fonts = {
            Fontello: {
                normal: 'fontello.ttf',
                bold: 'fontello.ttf',
                italics: 'fontello.ttf',
                bolditalics: 'fontello.ttf'
            }
        }

• add a style for icons:
  icon: { font: 'Fontello' }
• make a text paragraph:
  { text: '', style: 'icon' }, //icon wifi
• as the text you copy from the fontello-codes.css from the comments (not the escaped value)

---

• if you need an icon within text, you need to nest text objects:

                            text: [
                                    { text: '', style: 'icon' }, //icon gift
                                    " my present"
                                ]

this puts out: "[gift icon] my present"