change button on click

testLwc.html

<template>
    <button class={cssClass}>
        <lightning-icon icon-name={iconName} onclick={handleToggleClick}>Non Profit</lightning-icon>
    </button>
</template>

testLwc.js

import { LightningElement, track} from 'lwc';

export default class PcSelectButtonFramework extends LightningElement {
    buttonClicked; //defaulted to false

    @track cssClass = 'slds-button slds-button_neutral inactive';
    @track iconName = 'utility:preview';

    // Handles click on the 'Show/hide content' button
    handleToggleClick() {
        this.buttonClicked = !this.buttonClicked; //set to true if false, false if true.
        this.cssClass = this.buttonClicked ? 'slds-button slds-button_neutral active' : 'slds-button slds-button_neutral inactive';
        this.iconName = this.buttonClicked ? 'utility:hide' : 'utility:preview';
    }
}