Stroke Styling

Business Background

Change the stroke of an icon.

How to Guide

Use the Stroke option to customize icons and shapes in Web projects.

Stroke
Stroke
#OptionFunction
1ColorChoose the color display of the border by selecting the color palette.
2WeightThis option allows you to adjust the weight of the element’s border.

Real-Life Example of How to Configure Stroke

Join us as we examine one of the many ways you can style an input element using the Stroke setting. Alternatively, contact us today if you have a specific business use case in mind.

The example below shows how to change the stroke on the custom icon.

  1. Click the Styling icon to open the Tracker Styling panel.
  2. Select the Custom Icon option and then click the Stroke option.
Styling icon
Styling icon
  1. Use the color selector to change the color.
  2. Add a value in the weight field to change the width of the border.
Stroke option
Stroke option

Hidden Title

Need more help?

Titan logo
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.