# Using svg's in react

**URL:** <https://forum.webostv.developer.lge.com/t/using-svgs-in-react/6754>\
**Category:** Web App Development\
**Created:** [April 24, 2024, 8:46am UTC](https://forum.webostv.developer.lge.com/t/using-svgs-in-react/6754 "2024-04-24T08:46:58Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![itxjara](https://avatars.discourse-cdn.com/v4/letter/i/85f322/32.png) [@itxjara](https://forum.webostv.developer.lge.com/u/itxjara)\
**Post date:** [April 24, 2024, 8:46am UTC](https://forum.webostv.developer.lge.com/t/using-svgs-in-react/6754/1 "2024-04-24T08:46:58Z")

</div>

Hello, I am developing an application based on create-react-app for a TV and I ran into a problem with using SVG files. The issue is that to make the app work properly on the TV, I have to manually modify the build files. This involves replacing paths in `index.html` , changing paths like “/config.js” to “config.js”, and doing the same with CSS files. But how do I handle SVG files that I use within JSX in React files? For example:  
import BlankPoster from “…/…/img/blank-poster.svg”  
import BlankScreenshot from “…/…/img/blank-screenshot.svg”

---

<div class="post-metadata">

**Author:** ![narae0.kim](https://avatars.discourse-cdn.com/v4/letter/n/87869e/32.png) [@narae0.kim](https://forum.webostv.developer.lge.com/u/narae0.kim)\
**Post date:** [April 26, 2024, 3:16am UTC](https://forum.webostv.developer.lge.com/t/using-svgs-in-react/6754/2 "2024-04-26T03:16:13Z")

</div>

The path to each asset should be specified relative to the index.html file. You can refer to [App Resources](https://webostv.developer.lge.com/develop/getting-started/app-resources) and [Luna Service sample app](https://github.com/webOS-TV-app-samples/LunaService). Thank you.