How to make Delete icon using jQuery Mobile ?

To make a delete icon using jQuery Mobile, you can use the built-in icon classes provided by the framework. Here are a few methods to create a delete icon:

Method 1: Using the "ui-icon-delete" class

You can use the "ui-icon-delete" class to create a delete icon. Here's an example:

<a href="#" class="ui-btn ui-icon-delete ui-btn-icon-notext"></a>

In this example, we've used the "ui-icon-delete" class to create the delete icon. We've also added the "ui-btn" class to style the link as a button, and the "ui-btn-icon-notext" class to hide the button text.

Method 2: Using the "ui-icon-minus" class

Another way to create a delete icon is to use the "ui-icon-minus" class. Here's an example:

<a href="#" class="ui-btn ui-icon-minus ui-btn-icon-notext"></a>

In this example, we've used the "ui-icon-minus" class to create the delete icon. We've also added the "ui-btn" class to style the link as a button, and the "ui-btn-icon-notext" class to hide the button text.

Method 3: Using a custom icon

If you want to use a custom icon for the delete button, you can create your own icon and use it in your code. Here's an example:

<a href="#" class="ui-btn ui-btn-icon-notext">
  <img src="delete-icon.png" alt="Delete">
</a>

In this example, we've created a custom delete icon and used it in our code. We've added the "ui-btn" class to style the link as a button, and the "ui-btn-icon-notext" class to hide the button text. We've also added an "img" tag to display the custom icon.