1. Technology

Diamond Symbol on Your Web Page


Add a Diamond to Your Web Page

Difficulty: Easy
Time Required: 3 minutes

Here's How:

  1. Open the page where you want the diamond symbol in your Web editor.
  2. Position your cursor where you want the diamond symbol.
  3. Make sure you are in code editing mode, not WYSIWYG.Type:
  4. Save your file and open it in a Web browser to test that it worked. You should see: ♦


  1. Another way you can get the diamond symbol to display is to simply copy and paste it from the screen to your editor. However, not all browsers will display it this way reliably.
  2. WYSIWYG-only editors can copy and paste the diamond symbol into the WYSIWYG mode, and the editor should convert it for you.
  3. You can use CSS text styles to change the color of the diamond symbol and font styles to change the size and weight (boldness) of the diamond symbol.

What You Need

  • Web editor

©2014 About.com. All rights reserved.