Hi @Tanawat limsakul,

The button from your screen shot is a „button with icon” and it can be used by a free users. You can read more about buttons at our documentation page: https://mdbootstrap.com/docs/react/components/buttons/

Here is a code example:

import React, { Fragment } from "react";
import { MDBBtn, MDBIcon } from "mdbreact";

const ButtonPage = () => {
  return (
    <Fragment>
      <MDBBtn color="primary">
        <MDBIcon icon="magic" className="mr-1" /> Left
      </MDBBtn>
      <MDBBtn color="default">
        Right <MDBIcon icon="magic" className="ml-1" />
      </MDBBtn>
    </Fragment>
  );
}

export default ButtonPage

Best, Kuba