Skip to content
Artem edited this page Feb 11, 2019 · 1 revision

Icon basically can be found in different elements like button, separator, post data, and etc. and if the icon is presented in settings of the element it has the same basic controls. In icon type you can set the following options:

  • Font Awesome
    Popular font based library for web. Contains number of free icons. Note that for optimization paupers the Font Awesome styles and font links are not being loaded for the frontend. When the layout is saved all Font Awesome icons will be replaced with SVG.
  • SVG or Base 64
    Allow to insert plain SVG element or basically any HTML code. If you insert SVG please make sure that it is optimized and minified. You can use web tools like svgminify.com or similar. SVG can be really complex and have different elements with different styles. In some cases you might want to keep the initial color of SVG elements but if you wish to have control over color via element settings you need to add fill="currentColor" to each SVG path so your SVG can easily inherit colors from element settings.
  • Image
    You can set Image as an icon but in this case, you will not be able to control color and hover color obviously.
Clone this wiki locally