creating icons with inkscape – a basic workflow

Updated: This tutorial has been updated and enhanced, so be sure to check it out again!
Here is another great tutorial for everyone’s favourite open source vector graphics editor. (that would be inkscape…)
Today’s tutorial outlines a basic workflow for creating, tweaking and exporting icons with inkscape. If you need some more icon tutorials check out the icon category
inkscape-icons-base.png

view this tutorial

13 Responses to “creating icons with inkscape – a basic workflow”

  1. victorwestmann Says:

    I thought you´d teach how to build an icon from scratch instead of showing how its done to export a ready one… but its also nice to have this feature native in the new Inkscape version! ^^

  2. ry Says:

    i think the author’s purpose for that tutorial was to show the basic workflow in inkscape for icon creation.

    There are a few tutorials already listed on this blog that show different ways of actually drawing the icons:

    http://inkscapetutorials.wordpress.com/category/icons/

  3. INSCKAPE : Tutorial « simple, usefull , efficicente TIC Says:

    [...] creating icons with inkscape – a basic workflow « the inkscape tutorials blog — a big list of coo… [...]

  4. INSCKAPE : Tutorial « COACH IT // Combattre l’E-lletrisme … Says:

    [...] creating icons with inkscape – a basic workflow « the inkscape tutorials blog — a big list of coo… [...]

  5. יום הולדת Says:

    now i downloading the soft
    i will try it and come back for update you

  6. Hannes Says:

    I could not find any e-Mail address of the author, so I post it here, The way to do it without awk is like this:

    $ svg=/home/nugget/xxx.whatever.svg
    $ file=”$(basename “$svg”)”
    $ echo “$file”
    $ name=”${file%.*}”
    $ echo “$name”

    Hannes

  7. stilllway Says:

    thank you hannes for help.

  8. schlm3 Says:

    I got a problem using the bitmap export of inkscape.
    I draw my icons with a document size of 32×32px.
    The I export them to png of size 16×16px. The DPI-Size is set to 45 automatically.

    When I open import such a png into MS Word, Word enlarges the icon to the size of approximatively 32×32px.

    When I manually edit the dpi of such a png to be 90dpi (by using irfanview for example), MSWord correctly imports the icon.

    Why is there a fixed correlation between the icon size and the dpi? Why can’t I export a 16×16 png with a 90dpi from a 32×32px document?

  9. Top 10 Inkscape Tutorials | Es Developed - Fresh Website and Graphic Design Says:

    [...] Tutorials: Using Inkscape to Illustrate Tomatoes, Creating Icons in Inkscape: A Basic Workflow, Render a Bitmap Image Using Tiled SVG [...]

  10. pbhj Says:

    What I’d liked to of seen is actually making icon files with the multiple sizes embedded, the process I use with The Gimp is hideous.

  11. How to Get Six Pack Fast Says:

    My friend on Facebook shared this link with me and I’m not dissapointed at all that I came here.

  12. שיפוצים Says:

    i am happy that i came here

  13. Watch Year One Says:

    This is very hot info. I think I’ll share it on Delicious.
    p.s. Year One is already on the Internet and you can watch it for free.

Leave a Reply