HTML for the Pause symbol in audio and video control

Question

I m trying to find the Unicode symbol to make a button display the Unicode pause symbol  I was able to find that the Unicode play symbol is  amp  9658 but I m looking for the equivalent of the Unicode pause symbol

User · Answer

The ISO 7000   IEC 60417 Symbol for Pause  Interruption is   5111B   See Media Controls

User · Answer

I found it  it   s in the Miscellaneous Technical block     U 23F8

User · Answer

9616   9616   nbsp is HTML and is made with this code   amp  9616  amp  9616    Here s an example JSFiddle

User · Answer

Modern browsers support  DOUBLE VERTICAL BAR   U 23F8   too   http   www fileformat info info unicode char 23f8 index htm  For a music player it can act as a companion for  BLACK RIGHT-POINTING POINTER   U 25BA  because they both share equal width and height making it perfect for a play pause button   http   www fileformat info info unicode char 25ba index htm

User · Answer

Following may come in handy      x23e9   amp  x23e9    x23ea   amp  x23ea    x23eb   amp  x24eb    x23ec   amp  x23ec    x23ed   amp  x23ed    x23ee   amp  x23ee    x23ef   amp  x23ef    x23f4   amp  x23f4    x23f5   amp  x23f5    x23f6   amp  x23f6    x23f7   amp  x23f7    x23f8   amp  x23f8    x23f9   amp  x23f9    x23fa   amp  x23fa    NOTE  apparently  these characters aren t very well supported in popular fonts  so if you plan to use it on the web  be sure to pick a webfont that supports these

User · Answer

There are various symbols which could be considered adequate replacements  including           - two standard  bolded  vertical bars    9611   9611    -  amp  9611  and another amp  9611    9612   9612    -  amp  9612  and another amp  9612    9613   9613  -  amp  9613  and another amp  9613    9614   9614  -  amp  9614  and another amp  9614    10074   10074  -  amp  10074  and another  amp  10074    I may have missed out one or two  but I think these are the better ones  Here s a list of symbols just in case

User · Answer

I m using   9616  nbsp   9612   HTML   amp  9616  amp nbsp  amp  9612   CSS   2590 A0 258C

User · Answer

There is no character encoded for use as a pause symbol  though various characters or combinations of characters may look more or less like a pause symbol  depending on font   In a discussion in the public Unicode mailing list in 2005  a suggestion was made to use two copies of the U 275A HEAVY VERTICAL BAR character      But the adequacy of the result depends on font  for example  the glyph might have been designed so that the bars are too much apart      The list discussion explains why a pause symbol had not been encoded  and this has not changed   Thus  the best option is to use an image  If you need to use the symbol in text  it is best to create it in a suitably large size  say 60 by 60 pixels  and scale it down to text size with CSS  e g   setting height  0 8em on the img element

User · Answer

Unicode Standard for Media Control Symbols     Pause       The Unicode Standard 13 0  update 2020  provides the Miscellaneous Technical glyphs in the HEX range 2300   23FF   Miscellaneous Technical  Given the extensive Unicode 13 0 documentation  some of the glyphs we can associate to common Media control symbols would be as following        Keyboard and UI symbols      23CF    x23CF   xfe0e  Eject media      User interface symbols      23E9    x23E9   xfe0e  fast forward   23EA    x23EA   xfe0e  rewind  fast backwards   23EB    x23EB   xfe0e  fast increase   23EC    x23EC   xfe0e  fast decrease   23ED    x23ED   xfe0e  skip to end  next   23EE    x23EE   xfe0e  skip to start  previous   23EF    x23EF   xfe0e  play pause toggle   23F1    x23F1   xfe0e  stopwatch   23F2    x23F2   xfe0e  timer clock   23F3    x23F3   xfe0e  hourglass   23F4    x23F4   xfe0e  reverse  back   23F5    x23F5   xfe0e  forward  next  play   23F6    x23F6   xfe0e  increase   23F7    x23F7   xfe0e  decrease   23F8    x23F8   xfe0e  pause   23F9    x23F9   xfe0e  stop   23FA    x23FA   xfe0e  record        Power symbols from ISO 7000 2012      23FB    xfe0e  standby power   23FC    xfe0e  power on off   23FD    xfe0e  power on   2B58    xfe0e  power off         Power symbol from IEEE 1621-2004      23FE    xfe0e  power sleep   Use on the Web   A file must be saved using UTF-8 encoding without BOM  which in most development environments is set by default  in order to instruct the parser how to transform the bytes into characters correctly    lt meta charset  utf-8   gt  should be used immediately after  lt head gt  in a HTML file  and make sure the correct HTTP headers Content-Type  text html  charset utf-8 are set   Examples   HTML   amp  x23E9  Pictograph   amp  x23E9  amp  xFE0E  Standardized Variant   CSS   icon-ff before   content    23E9     icon-ff--standard before   content    23E9 FE0E      JavaScript  EL iconFF textContent     u23E9   EL iconFF standard textContent     u23E9 uFE0E    Standardized variant  To prevent a glyph from being  color-emojified    x23E9   xfe0e      x23E9  append the code U FE0E Text Presentation Selector to request a Standardized variant    example   amp  x23e9  amp  xfe0e    Inconsistencies  Characters in the Unicode range are susceptible to the font-family environment they are used  application  browser  OS  platform  When unknown or missing - we might see symbols like   xFFFD  or   x25AF  instead  or even inconsistent behavior due to differences in HTML parser implementations by different vendors  For example  on Windows Chromium browsers the Standardized Variant suffix U FE0E is buggy  and such symbols are still better accompanied by CSS i e   font-family   Segoe UI Symbol  to force that specific Font over the Colored Emoji  usually recognized as  Segoe UI Emoji   - which defies the purpose of U FE0E in the first place - time will tell hellip     Scalable icon fonts  To circumvent problems related to unsupported characters - a viable solution is to  use scalable icon font-sets like i e     Font Awesome     x000D   x000D   lt link rel  stylesheet  href  https   maxcdn bootstrapcdn com font-awesome 4 3 0 css font-awesome min css  gt  x000D   lt i class  fa fa-arrows-alt  gt  lt  i gt  x000D   lt i class  fa fa-backward  gt  lt  i gt  x000D   lt i class  fa fa-compress  gt  lt  i gt  x000D   lt i class  fa fa-eject  gt  lt  i gt  x000D   lt i class  fa fa-expand  gt  lt  i gt  x000D   lt i class  fa fa-fast-backward  gt  lt  i gt  x000D   lt i class  fa fa-fast-forward  gt  lt  i gt  x000D   lt i class  fa fa-forward  gt  lt  i gt  x000D   lt i class  fa fa-pause  gt  lt  i gt  x000D   lt i class  fa fa-play  gt  lt  i gt  x000D   lt i class  fa fa-play-circle  gt  lt  i gt  x000D   lt i class  fa fa-play-circle-o  gt  lt  i gt  x000D   lt i class  fa fa-step-backward  gt  lt  i gt  x000D   lt i class  fa fa-step-forward  gt  lt  i gt  x000D   lt i class  fa fa-stop  gt  lt  i gt  x000D   lt i class  fa fa-youtube-play  gt  lt  i gt  x000D   x000D   x000D    Google Icons     x000D   x000D   lt link href  https   fonts googleapis com icon family Material Icons  rel  stylesheet  gt  x000D   lt i class  material-icons  gt pause lt  i gt  x000D   lt i class  material-icons  gt pause circle filled lt  i gt  x000D   lt i class  material-icons  gt pause circle outline lt  i gt  x000D   lt i class  material-icons  gt fast forward lt  i gt  x000D   lt i class  material-icons  gt fast rewind lt  i gt  x000D   lt i class  material-icons  gt fiber manual record lt  i gt  x000D   lt i class  material-icons  gt play arrow lt  i gt  x000D   lt i class  material-icons  gt play circle filled lt  i gt  x000D   lt i class  material-icons  gt play circle outline lt  i gt  x000D   lt i class  material-icons  gt skip next lt  i gt  x000D   lt i class  material-icons  gt skip previous lt  i gt  x000D   lt i class  material-icons  gt replay lt  i gt  x000D   lt i class  material-icons  gt repeat lt  i gt  x000D   lt i class  material-icons  gt stop lt  i gt  x000D   lt i class  material-icons  gt loop lt  i gt  x000D   lt i class  material-icons  gt mic lt  i gt  x000D   lt i class  material-icons  gt volume up lt  i gt  x000D   lt i class  material-icons  gt volume down lt  i gt  x000D   lt i class  material-icons  gt volume mute lt  i gt  x000D   lt i class  material-icons  gt volume off lt  i gt  x000D   x000D   x000D    and many other you can find in the wild   and last but not least  this really useful online tool  font-icons generator  Icomoon io

User · Answer

If you want one that s a single character to match the right-facing triangle for  play   try Roman numeral 2    is  amp  8545  in HTML   If you can put formatting tags around it  it looks really good in bold    is  lt b gt  amp  8545  lt  b gt  in HTML  This has much better support than the previously mentioned double vertical bar

[html] HTML for the Pause symbol in audio and video control

Examples related to html

Examples related to unicode

Examples related to special-characters

Examples related to symbols