User Tools

Site Tools


svgicon

Quasar SVG Icon Creation

  • Quasar exected sgs icons to be 24 x 24
  • Inkscape if you scale a svg to 24 x 24, it has a strange set of cordinates
    • Load black svg into inkscape, run the following commands
      • Path → Object to Path
      • Path → Stroke to Path
      • Path → Union
    • Scale image to be 24 x 24, or whichever is bigger set to 24
  • Start a new inkscape document, se the size to 24 24 px, with scaling o f 1.
    • Copy image from first inkscpe, to the second copy, this should fix the strange scaling issues.
    • Save this new svg icon
    • The goto Edit → XL Editor, and copy the path string from inkscape.
    • paste the path into the box at the top
    • Click 'Convert to Absolute'
    • Click 'Optimize'
    • Copy the updated path date from the edit box at the top
  • Paste path into required file, at the moment that is icons.ts in the utils sub filder.© Copyright - 2025 - Tim Evans
svgicon.txt · Last modified: by tim45tenwa