Hey guys, I've bought a wordpress theme --> urbango. They are applying w3 svg icons for their icons for each category. The coding is as follows for one of the categories:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="42.105px" height="43.688px" viewBox="0 0 42.105 43.688" enable-background="new 0 0 42.105 43.688" xml:space="preserve"><g><circle stroke-width="2" stroke-miterlimit="10" cx="7.044" cy="36.357" r="5.793"/><line stroke-width="2" stroke-linejoin="round" stroke-miterlimit="10" x1="24.403" y1="18.373" x2="20.573" y2="23.475"/><path stroke-width="2" stroke-linejoin="round" stroke-miterlimit="10" d="M15.862,16.209 l10.295-14.7c0,0,0.691,1.682,1.154,4.071"/><line stroke-width="2" stroke-linejoin="round" stroke-miterlimit="10" x1="7.958" y1="27.492" x2="10.921" y2="23.263"/><path stroke-width="2" stroke-miterlimit="10" d="M27.355,41.307 c-0.843,0.623-1.865,1.024-2.987,1.112c-3.19,0.249-5.978-2.135-6.228-5.325c-0.25-3.19,2.133-5.978,5.325-6.227 c0.395-0.031,0.785-0.021,1.164,0.025"/><path stroke-width="2" stroke-linejoin="round" stroke-miterlimit="10" d="M23.388,27.707 L5.831,1.25c0,0-5.153,6.378-1.589,12.418L16.65,31.635"/><g><line stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" x1="40.77" y1="37.589" x2="34.275" y2="37.589"/><line stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" x1="40.77" y1="33.541" x2="34.275" y2="33.541"/><line stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" x1="40.77" y1="29.492" x2="34.275" y2="29.492"/><line stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" x1="40.77" y1="25.444" x2="34.275" y2="25.444"/><line stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" x1="40.77" y1="21.395" x2="34.275" y2="21.395"/><line stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" x1="40.77" y1="13.298" x2="34.275" y2="13.298"/><line stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" x1="40.77" y1="17.347" x2="34.275" y2="17.347"/><line stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" x1="40.77" y1="9.25" x2="34.275" y2="9.25"/></g><g><g><circle stroke-width="2" stroke-miterlimit="10" cx="15.831" cy="23.277" r="0.547"/></g></g><path stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M40.855,41.625l-8.293,0 c-1.381,0-2.483-2.134-2.483-2.134c-1.459-2.897-2.566-7.146-2.566-16.043V23.39c0-8.896,1.106-13.146,2.566-16.043 c0,0,1.103-2.133,2.483-2.133l8.293,0"/></g></svg>
It seems this coding is important in exactly this way as it otherwise changes the visualization in the theme. My question: WHat do I need to do/ change in this coding in order to change this icon into e.g. a burger menu icon. Normally, I've only worked with awesome icons where you just change the name if the icon and that's it. It seems way more complex here.
Thank you in advance!
