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

Download the blueprint that can take a company of any maturity level all the way up to enterprise-scale continuous delivery using a combination of Automic Release Automation, Automic’s 20+ years of business automation experience, and the proven tools and practices the company is already leveraging.

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.

Download the ‘Practical Blueprint to Continuous Delivery’ to learn how Automic Release Automation can help you begin or continue your company’s digital transformation.

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 }}