If you want to incorporate the symbols into your font, you can download the Power Symbol font files from GitHub.
You want to start using these symbols straight away? Ok! Here are fonts which are suitable for use on your computer or as embedded web fonts.
All these fonts are free to use and reuse. We’d love to see people incorporating these into their existing fonts.
Webfont
If you want to embed these fonts on a webpage, download the woff and woff2 files and place the following in your CSS.
@font-face { font-family: 'power_symbols'; src: url('Unicode_IEC_symbol.woff2') format('woff2'), url('Unicode_IEC_symbol.woff') format('woff'), font-weight: normal; font-style: normal; } .power{ font-family: 'power_symbols'; font-style: normal; }
In your HTML you can then use something like:
<p>To switch the console on: Press the <span class="power">⏻</span> button.</p>
You can use CSS colours to change the appearance, for example ⏻:
<span class="power" style="color:red;">⏻</span>
This table shows the HTML Escape code for each symbol.
Character | Escape Code | Symbol |
---|---|---|
Power | ⏻ | ⏻ |
Toggle Power | ⏼ | ⏼ |
Power On | ⏽ | ⏽ |
Power Off | ⭘ | ⭘ |
Sleep Mode | ⏾ | ⏾ |
As of 22 June 2016, the symbols are part of Unicode 9.0 and can be used freely!
How do you use them on the computer?
It depends on the Computer :-) Usually double-clicking a .ttf file should prompt your system to install the file,
FYI: the svg type does not seem to want to download…
I’ve re-uploaded the SVG font. You may need to right-click and select “save as” – otherwise your browser will try to download it as an image.
I think there’s a mismatch in the font-family definition and usage in the webfont example. The definition names the family as iec_symbols_unicoderegular, while the iec_power class uses iec_unicoderegular.
Thanks – have corrected.
Do I need to download the font to cut and paste 5009 into a tweet? From this page or the Unicode PDF it pastes as ⏻ :(
Yes, you will need the font installed to use it.