Hi @Palak@tru,

This is my code to use svg image in button.

My App.js file:

import React from 'react';
import { MDBBtn } from 'mdbreact';
import './App.css';

const ButtonPage = () => {
  return <MDBBtn color='elegant' className='myCustomIcon p-2' />;
};

export default ButtonPage;

or use this button:

<MDBBtn color="elegant"><span className='myCustomIcon'/></MDBBtn>

and my App.css file:

.myCustomIcon {
    background: url('./assets/img/React-icon.svg') no-repeat center center;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    min-height: 50px;
    min-width: 50px;
}

In this line use your path of svg icon.

background: url('./assets/img/React-icon.svg') no-repeat center center;

Also you can use links:

background: url('https://upload.wikimedia.org/wikipedia/commons/a/a7/React-icon.svg') no-repeat center center;

Results:

Best regards, Konrad.