JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<i class="fa fa-plus icon-to-change"></i>

<button id="test"><i class="fa fa-plus icon-to-change"></i></button>

JavaScript

$('#test').click(function(){
	var ele = $('.icon-to-change');
  if(ele.hasClass('fa-plus')){
  	ele.removeClass('fa-plus')
       .addClass('fa-minus')
  }
  else{
  	ele.addClass('fa-plus')
       .removeClass('fa-minus')
  }
})