File
Login or Register via GitHub
<html> <head> <meta charset="utf-8"> <title>Player Icons - Unicode UTF-8 by Roko CB</title> </head> <body> <h2>NORMAL</h2> <button>◾</button> <button>▮▮</button> <button>▶</button> <button>●</button> <button>⏪</button> <button>⏩</button><br> <code>&#9726; &#9646;&#9646; &#9654; &#9679; &#9194; &#9193;</code> <br><br> <button>◽</button> <button>▯▯</button> <button>▷</button> <button>∘</button><br> <code>&#9725; &#9647;&#9647; &#9655; &#8728;</code> <br> <sub>(To narrow the space on the pause icon use CSS: <code>letter-spacing:-1px;</code> )</sub> <h2>LARGE</h2> <button>◼</button> <button>❙❙</button> <button>❚❚</button> <button>►</button><br> <code>&#9724; &#10073;&#10073; &#10074;&#10074; &#9658;</code> <br><br> <button>◻</button> <button>❘ ❘</button> <button>▷</button> <button>◯</button><br> <code>&#9723; &#10072;&#10072; &#9655; &#9711;</code> <br> <sub>Frankly the best characters for pause.</sub> <h2>SMALL</h2> <button>▪</button> <button>▸</button> <button>•</button><br> <code>&#9642; &#9656; &#8226;</code> <br><br> <button>▫</button> <button>▹</button> <button>◦</button><br> <code>&#9643; &#9657; &#9702;</code> <br> <sub><i>(Could not find any pipes that small for Pause... can you?)</i></sub> <br><br> <h2 style="color:orange;">Bonus pack:</h2> <table> <tr> <td>⋜ ◽ ॥ ⊲ ∘ ⋝</td><td>Prev, Stop, Pause, Play, Rec, Next</td> </tr> <tr> <td>⌳ ⋈ ∿ ⊶ ⎋ ⚭</td><td>Fade, X-Fade, Fx, Eq, Pan, Stereo</td> </tr> <tr> <td>⊖⊕⊙</td><td>Vol+, Vol-, Mute</td> </tr> <tr> <td>↻↺</td><td>Repeat</td> </tr> <tr> <td>≡⋮</td><td>Menu, Options</td> </tr> <tr> <td>≛≣</td><td>Favorited, Add to Fav. (Tracks list)</td> </tr> <tr> <td>★★★★☆</td><td> Rating</td> </tr> </table> <h2>EXTRAS</h2> <button>‣</button> Play (Small-optional) <br><br> <button>⌷⌷</button> Pause (Normal-optional) <br><br> <button>■</button> <button>□</button> Stop (Normal-optional) <br><br> <button>∎</button> <button>⃞</button> <button>☐</button> Stop (Large-optional) <br><br> <button>⟲</button> <button>⟳</button> <button>⥀</button> Repeat / Loop <br><br> <button>⏏</button> Eject! <br><br> <button>☰</button> Playlist <br><br> <button>⁌</button> <button>⁍</button> Prev / Next <br><br> <button>⧏</button> <button>⧐</button> Prev / Next <br><br> <button>⑈</button> Pause/Stop <br><br> <button>∞</button> Loop <br><br> <button>⚫</button> <button>⚬</button> Rec <h2>Problematic</h2> <button>||</button> || Two pipes :( bye fellas... <br><br> <button>▐▐</button> &#9616;#9616; Too tall and messed spacing! <br><br> <button>▋▋</button> &#9611;#9611; Too large and messed spacing! <br><br> <button>▐ ▌</button> &#9616;&#9616; Tall and cannot fit-size with any other player symbol <br></br> <button>▌▌</button> &#9612;&#9612; Way too tall and messed spacing! <br><br> <button>▗ ▖</button> &#9623;&#9622; Wrong alignment + extra spacing <br><br> <button>⬤</button> &#11044; Height... <br><br> <button>⃝</button> &#8413; Too low <br><br> </body></html>
Output
You can jump to the latest bin by adding /latest to your URL
Keyboard Shortcuts
| Shortcut | Action |
|---|---|
| ctrl + [num] | Toggle nth panel |
| ctrl + 0 | Close focused panel |
| ctrl + enter | Re-render output. If console visible: run JS in console |
| Ctrl + l | Clear the console |
| ctrl + / | Toggle comment on selected lines |
| ctrl + ] | Indents selected lines |
| ctrl + [ | Unindents selected lines |
| tab | Code complete & Emmet expand |
| ctrl + shift + L | Beautify code in active panel |
| ctrl + s | Save & lock current Bin from further changes |
| ctrl + shift + s | Open the share options |
| ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts | |
JS Bin URLs
| URL | Action |
|---|---|
| / | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
| /edit | Edit the current bin |
| /watch | Follow a Code Casting session |
| /embed | Create an embeddable version of the bin |
| /latest | Load the very latest bin (/latest goes in place of the revision) |
| /[username]/last | View the last edited bin for this user |
| /[username]/last/edit | Edit the last edited bin for this user |
| /[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
| /quiet | Remove analytics and edit button from rendered output |
| .js | Load only the JavaScript for a bin |
| .css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. | |
public
0viewers