Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>SvgToReactSvgNew to Visual Studio Code? Get it now.
SvgToReactSvg

SvgToReactSvg

Tanawat Ausapimaskul

|
10 installs
| (0) | Free
change svg attribute to camelCase
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

SVG Attribute Converter

Overview

The SVG Attribute Converter is a Visual Studio Code extension designed to transform SVG attributes from kebab-case to camelCase and format the code using Prettier.

Demo

Demo of the SVG Attribute Converter

Features

  • This extension provides a command to convert specific SVG attributes from kebab-case to camelCase.
  • Works exclusively in JSX and TSX files, ensuring that other file types remain unaffected.
  • The extension supports a keyboard shortcut Alt + Shift + F (with higher priority for format document to run first).

How to Use

  1. Open a file containing SVG code.
  2. Press Alt + Shift + F The extension will convert applicable attributes and format the code automatically.

Release Notes

1.0.0

  • Initial release with functionality to convert SVG attributes to camelCase and format with Prettier.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft