Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

PlantUML Pleasantness: Using the Built-in Icons

DZone's Guide to

PlantUML Pleasantness: Using the Built-in Icons

Bring your PlantUML diagrams to life with this set of instructions for including the built-in icons at your disposal.

· DevOps Zone ·
Free Resource

Learn more about how CareerBuilder was able to resolve customer issues 5x faster by using Scalyr, the fastest log management tool on the market. 

PlantUML has a built-in icon set we can use in our diagram definitions. The icon set is the open source OpenIconic. We refer to an icon using the syntax <&iconName>. We can use an icon everywhere where we can use text in our diagrams.

In the following example, we use different icons in different places:

@startuml

skinparam DefaultFontSize 24
skinparam DefaultTextAlignment center

title <&caret-right> Using icons in PlantUML <&caret-left>

package "Charts <&menu>" as charts {

    file bar [
        Bar

        <size:120><&bar-chart></size>
    ]

    file pie [
        Pie

        <size:42><&pie-chart></size>
    ]

}  

@enduml


When we generate a diagram we see the following output:

Image title

To get a list of available icons we can use the statement listopeniconic. This will create a diagram with all the icons and their names we can use:

@startuml
listopeniconic
@enduml


The following image shows all icons that we can use:

Image title

Written with PlantUML 1.2017.18.

Find out more about how Scalyr built a proprietary database that does not use text indexing for their log management tool.

Topics:
java ,plantuml ,icons ,diagrams ,tutorial

Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}