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

“Automated Testing: The Glue That Holds DevOps Together” to learn about the key role automated testing plays in a DevOps workflow, brought to you in partnership with Sauce Labs.

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.

Learn about the importance of automated testing as part of a healthy DevOps practice, brought to you in partnership with Sauce Labs.

Topics:
java ,plantuml ,icons ,diagrams ,tutorial

Published at DZone with permission of Hubert Klein Ikkink, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

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

{{ parent.tldr }}

{{ parent.urlSource.name }}