# The easiest way to add SVG icons in React
SVG images can be used a couple different ways in react, this is my favorite option.
I create a file for the svg, and make it into a JSX component.
```jsx
export default function FacebookSvg() {
return (
)
}
```
Simple Icons is a good site for finding brand icons like Facebook. [https://simpleicons.org/?q=facebbok](https://simpleicons.org/?q=facebbok)
Just search for the brand and click the image to copy the svg code.
We have to do some edits to make this code behave the way I like, such as replacing or adding the height and width properties, and change the kebab-case properties to camelCase so it works for React.
```jsx
// add width and height
```
Setting the width and height to 100% makes you able to scale the svg by setting a size on the wrapping container in HTML.
```jsx
```
```jsx
// replace kebab-case with camelCase
clip-path becomes clipPath
xlink:type becomes xlinkType
etc
```
The icons from Simple Icons all have white color, but if you want to set another color you can pass that as a prop to the SVG
```javascript
export default function FacebookSvg(fillColor: string ) {
return (
)
}
```