PaulKay92 Posted June 28, 2020 Report Share Posted June 28, 2020 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! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now