Plus-minus Sign

±

Shortcodes

Copy and paste codes for Plus-minus Sign symbol ± to use in your websites, apps, blogs, and more.

Unicode
U+00B1
Alt Code
177
HTML Code
±
HTML Entity
±
HEX Code
±
CSS Code
\0B1
JS/JSON
\u00B1
Unix/C/PHP/JAVA
0xB1
URL-encode
%C2%B1
copied

Customize Plus-minus Sign Symbol

Customize ± symbol as you like and download Plus-minus Sign as SVG or PNG or copy its HTML code to use in your projects.

Preview helps customize symbol. Downloaded image and HTML code may have size/spacing differences.
±

                        
                    

How to type Plus-minus Sign symbol ± ?

Using Plus-minus Sign Alt Code:

You can type the Plus-minus Sign symbol ± using your keyboard by using the Alt Code for Plus-minus Sign. Before you begin, ensure that your Num Lock is turned on, and use the Numpad to type the code. Then, follow these simple steps:

  1. Hold down the Alt key on your keyboard.
  2. Type the number 177 using the Numpad.
  3. Release the Alt key.

This will make the ± appear on your screen.

How to add Plus-minus Sign symbol in HTML, CSS, and JS?

Insert ± Plus-minus Sign using HTML

1. Copy-paste Plus-minus Sign directly:
<span>±</span>
2. HTML Decimal Code:
<span>&#177;</span>
3. HTML Entity:
<span>&plusmn;</span>
4. Hexadecimal Code:
<span>&#x00B1;</span>
Preview: ±

Add Plus-minus Sign symbol with CSS

.plus-minus-sign::before {
    content: '\\0B1';
}
Preview: Plus-minus Sign

Plus-minus Sign JavaScript Code

1. Direct Symbol:
document.querySelector('.plus-minus-sign').textContent = '±';
2. Unicode Escape for ±:
document.querySelector('.plus-minus-sign').textContent = '\u00B1';
Preview: ±