We use SVG icons in the Header email links 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:
- Remove SVG icon markup in Header email link:
<svg role="img" class="df-icon df-icon--jersey">
<use xlink:href="assets/images/icons-basket.svg#jersey"></use>
</svg>
- Add span tag with
df-icon df-icon--custom
classes and insert your icon inside it:<span class="df-icon df-icon--custom">
<i class="icon-social-steam"></i>
</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="df-icon df-icon--custom">
<img src="assets/images/logo.png" alt="">
</span>