---
title: Stroke
position: 1
seo_title: Telerik and Kendo UI Stroke Utilities
seo_description: Use the Telerik and Kendo UI Stroke utilities to configure
  the stroke of an svg element.
---
## Stroke

The Telerik and Kendo UI Stroke Utilities are CSS utility classes that enable you to control the stroke of an SVG element.

<CSSRulesList data='{"id":"stroke"}'></CSSRulesList>

### Color

Use the `k-stroke-{color}` utility to set a stroke color for an SVG element.

<LiveDemo data='{"links":[],"demo":"utils/svg/stroke/color", "height":300,"codePreviewSettings":{"filterSelector":"svg","stripSvgImg":false}}'></LiveDemo>