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

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

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

### Color

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

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