40 new icons

Posted on by - Comments

The latest release brings you forty new icons. Among them you’ll find:

  • Mouse cursors
  • Currency symbols
  • Two country flags
  • Circled and squared versions of plus, minus and delete icons
  • Tag and untag icons
  • Text format symbols
  • Some sound related icons like microphone and volume off
  • Other icons: light bulb, database, cube, heart, shutdown and list bullet
40 new icons

One particular icon, the text caret, can be used with text field and text area widgets to show the exact position of the caret:

Text caret icon

Technical details

For those interested in technical details, all icons are drawn in vector format using Inkscape. If you’ve never heard of it, Inkscape is an open-source editor for vector graphics.

Each icon is drawn on a 64×64 canvas using 4px width strokes. I also configure a 4px width grid. This setup ensures that the icon can be scaled nicely to the 16×16 size. Inkscape has a nice feature that allows to preview the designed icon in multiple sizes all at once. This helps greatly.

What’s next?

The next big feature that I plan to work on is the storyboard editor. I was undecided whether I should work on adding more widgets or switch my focus to storyboarding. I believe that adding storyboarding will give WireframeSketcher an important, new dimension. Hopefully this will raise more interest in the product and will allow me to gather more feedback for the screen editor.