> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://faq.brandeploy.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to change the color of a vector (svg) element?

1. In a new composition, import an SVG element. ![svg color change](https://storage.crisp.chat/users/helpdesk/website/-/b/e/b/f/bebf369a1e109800/capture-decran-2025-10-03-a-11_13n85zu.png =200x387)
2. The imported SVG file embeds its colors (outline and fill) in the editor. ![](https://storage.crisp.chat/users/helpdesk/website/-/b/e/b/f/bebf369a1e109800/capture-decran-2025-10-03-a-11_188qw1l.png =600x383)
3. The shades (outline and fill) can be edited in the color chart. ![](https://storage.crisp.chat/users/helpdesk/website/-/b/e/b/f/bebf369a1e109800/capture-decran-2025-10-03-a-11_yidsum.png =600x389)](https://storage.crisp.chat/users/helpdesk/website/-/b/e/b/f/bebf369a1e109800/capture-decran-2025-10-03-a-11_17kyynj.png =600x385)
4. Also possible to change the color outline ![color outline](https://storage.crisp.chat/users/helpdesk/website/-/b/e/b/f/bebf369a1e109800/capture-decran-2025-10-03-a-11_8z6c10.png =200x226)
5. This also works for SVG files with a gradient fill. All shades are editable. ![](https://storage.crisp.chat/users/helpdesk/website/-/b/e/b/f/bebf369a1e109800/capture-decran-2025-10-03-a-11_1bcbwtq.png =600x623)