Docs

Font Awesome widget

Font Awesome itself requires personal license for using on your website.

Image widget logoPlace one of Font Awesome icons in your content and select style, size color and more.

Images are inserted directly to the content so the website does not need to include the entire Font Awesome set: this reduces complexity and speeds up loading of the page (because unused icons from the set are not loaded).

Choose Font Awesome icon screenshot Edit Font Awesome icon screenshot Search Font Awesome icon screenshot

Configuration

When you insert an icon from the Font Awesome pack, you can define its template in the template box. However, the color of the icon is set in the defaultColor parameter, not in the template. This is because it is applied to the embedded widget, not the nested <svg> tag.

Default settings:

widgets: {
    FontAwesome: {
        defaultColor: "#000000",
        template: {
            classes: [
                "img-fluid"
            ],
            styles: {
                "width": "1.33em",
                "height": "1.33em"
            },
            attributes: {}
        }
    }
},