1. How to Implement Multi Colour SVG Symbols in a DNN Theme - Introduction, Icomoon App and Importing
  1. 7m 2s
    Jan 01, 2016

In this tutorial we will walk through how to implement and use multi colour SVG symbols and graphics in your DNN theme.

Multicolour SVG symbols have several advantages over other icon techniques such as icon fonts and basic png images. For example, they have a very small file size and load incredibly quickly, this greatly improves user experience, especially for our mobile users and it also means that as of a recent update to google’s search algorithms, page load speed can help with SEO.

SVG icons, like icon fonts, are infinitely scalable, and will look perfect on high density screens.

Unlike their icon font counterparts, SVG symbols can be multi colour. We’ll now demonstrate how this can be achieved in a DNN theme.

This video contains:

  • Introduction
  • Introduction to icomoon.io
  • How to import multicolour icons into the icomoon app
  • How to export an SVG symbol definitions file with icomoon
Tags:
dnn7 skin advanced
Author:
Andy Stephenson

About 2016 Edition

2h 45m 32s All Jan 01, 2016

DNN Video Tutorials posted during 2016

Tags:
dnn7 dnn8 advanced beginners skin
Author:
Andy Stephenson
Back

Try FREE
30 days money back guaranteed