How to change icon in the Template?

We use SVG icons and Icons font for socials but you can easily change it with font icons or image.

Before replacing SVG Icons please check correct classes for SimpleLine Icons and FontAwesome Icons.

To replace current SVG icon follow next steps:

  1. Remove SVG icon markup in Header email link:
    <svg role="img" class="svg-icon svg-icon-primary">
    <use xlink:href="images/svg/sprite.svg#earth-globe"></use>
    </svg>
  2. Add span tag with icon icon-xs icon-white classes and insert your icon inside it:
    <span class="icon-rect icon-xs icon-white fa-facebook"></span>

    After that you should see the following:

    If you want to replace default SVG icon with an image just put your image inside it:

    <span class="icon icon-xs">
    <img src="assets/images/logo.png" alt="">
    </span>
Was this page helpful?