6.2. Using Shapes catalogs

Abstract

This chapter describes the use of Draw-SVG's shape catalogs.

The Shapes menu offers ready-to-use shapes and symbols, grouped into catalogs.

Table 6.2. Shapes catalogs

Draw a shape or a symbol from the shape catalog

Draw an emoji symbol from the emoji catalog

Draw a Font Awesome symbol from its free catalog

Draw a funny animal symbol from its catalog

Draw a symbol saved in the document definitions using the symbol chooser

Each shape is a path element or a group of paths and geometric elements.

Once inserted into the document, each element of the shape is customizable (style and geometry).

A symbol is a complete drawing that is embedded in the document definitions and displayed by a use element.

Use elements have their own dimensions, orientation and default style for the symbol elements (e.g. fill and stroke for fontawesome symbol).

With the drawsvg editor you can create symbols, display them, edit them and refactor them.

How to draw a shape

To draw a shape :

Set drawing mode (corner or center, keep ratio or not)
Select it's model from the three sets (arrows, flowcharts, symbols) of the menu or from the shape catalog
Draw it with two points upper left and bottom right corners
Then defines its style properties fill and stroke

See draw shapes showcase for an interactive demonstration.

Figure 6.1. Shape catalog

The shape catalog provide a lot of models from IcoMoon free to use.

Custom catalog can be added with custom shape catalog tool .

To draw a symbol :

Select a symbol from a catalog in the shapes menu :
ico-moon color icons , emoj , Font Awesome symbol , funny animal
or select an existing symbol from the document with the chooser
Then draw the upper left and bottom right corners of the symbol