Using icons in your processes (Legacy)

Using icons in your processes (Legacy)

What is it 

Icons are simple graphical elements you can add to a process to provide further visual information. For example you can add an icon on an envelope to indicate an activity that involves sending an email. Icons can also be used as links so that they appear as buttons on the process diagram. This is especially useful for constructing landing pages.

Skore has a library of over 500 icons that can be searched and added to the page.

How to...

Add icon from the left bar

Open the left bar and click on the Icon tab at the top. You can search for icons by typing keywords or you browse the icons by scrolling down.

When you have found an icon you wish to use simply drag the icon onto the canvas. This will automatically create a note box with a transparent background and the icon short code embedded.

Clicking an icon in the left panel will copy the short code to the clipboard. This can then be pasted into any text field including Note boxes, Whatboxes, Whyboxes and attachments.

Customize icon color and size

To change the colour of an icon simply add the colour name, or code, inside the square brackets.

For example:

![icon 2x](question-circle) will add a question mark icon to your diagram. If we want to make this appear blue simply write blue in the shortcode.

![icon blue 2x](question-circle)

You can also use hex color codes for icons.

![icon #4f88cc 2x](question-circle)

To change the size of the icon simply change the number in the short code. The higher the number the larger the icon.

![icon 2x](question-circle)
![icon 3x](question-circle)
![icon 4x](question-circle)
![icon 5x](question-circle)

Advanced

The size and colour of the icon can also be controlled by the stylesheet and text formatting. The icon will use the text size and will adopt any other formatting you have selected. For example if you use markdown to create a heading in your note the icon will use the heading size.

Icons will also use the stylesheet color for that object. For example, if you have set the text of a note box to blue then the icon will be blue. The color you add to the shortcode will override the text color.


See also



    • Related Articles

    • Linking processes

      What is it? When working with multiple processes in Skore, a great feature is the ability to link between whatboxes and processes. Integrating your processes in Skore helps to ensure that processes flow from end to end and makes navigation easy for ...
    • (Legacy) Get started with processes

      This article is mostly for "viewing" processes. See also : get started with mapping processes User interface Read a process This reads: when a campaign budget is approved, as a CMO, I create communication materials, so that the materials are ...
    • (Legacy) Insert images into a process

      This article is for the legacy version of Skore. See latest article here: Add File, media or image to a process What is it  Images can be embedded in processes in order to create a better visual experience for users. Images can be used for many ...
    • (Legacy) Manage processes on a workspace

      Create a process Click the "New process" button in the top left.  Name the process. The name must be unique* The new process is created in the workspace and is ready to be edited Default access rights of a process Anyone can see Only you can edit See ...
    • Change stylesheet of a process (Legacy)

      This article is for the legacy version of Skore. Manage Stylesheet in Skore. What is it The default look and feel of the processes can be changed using the stylesheet. The stylesheet editor. How to... Change the stylesheet of the (entire) process ...