Skip to content
Fix Code Error

What characters can be used for up/down triangle (arrow without stem) for display in HTML?

March 13, 2021 by Code Error
Posted By: Anonymous

I’m looking for a HTML or ASCII character which is a triangle pointing up or down so that I can use it as a toggle switch.

I found ↑ (↑), and ↓ (↓) – but those have a narrow stem. I’m looking just for the HTML arrow “head”.

Solution

Unicode arrows heads:

  • ▲ – U+25B2 BLACK UP-POINTING TRIANGLE
  • ▼ – U+25BC BLACK DOWN-POINTING TRIANGLE
  • ▴ – U+25B4 SMALL BLACK UP-POINTING TRIANGLE
  • ▾ – U+25BE SMALL BLACK DOWN-POINTING TRIANGLE

For ▲ and ▼ use ▲ and ▼ respectively if you cannot include Unicode characters directly (use UTF-8!).

Note that the font support for the smaller versions is not as good. Better to use the large versions in smaller font.

More Unicode arrows are at:

  • http://en.wikipedia.org/wiki/Arrow_%28symbol%29#Arrows_in_Unicode
  • http://en.wikipedia.org/wiki/Geometric_Shapes

Lastly, these arrows are not ASCII, including ↑ and ↓: they are Unicode.

Answered By: Anonymous

Related Articles

  • What are the undocumented features and limitations…
  • What encoding/code page is cmd.exe using?
  • How to get UTF-8 working in Java webapps?
  • Placing Unicode character in CSS content value
  • What does void* mean and how to use it?
  • Replace non-ASCII characters with a single space
  • How to unescape a Java string literal in Java?
  • Changing PowerShell's default output encoding to UTF-8
  • Is ASCII code 7-bit or 8-bit?
  • What is the difference between UTF-8 and Unicode?
  • What's the difference between utf8_general_ci and…
  • Active tab issue on page load HTML
  • Unicode, UTF, ASCII, ANSI format differences
  • Force encode from US-ASCII to UTF-8 (iconv)
  • Jquery fadeToggle Trouble
  • Using StringWriter for XML Serialization
  • Having trouble with my nav bar/header, It used to…
  • Usage of unicode() and encode() functions in Python
  • Your configuration specifies to merge with the from…
  • python encoding utf-8
  • Is it possible to apply CSS to half of a character?
  • Speed comparison with Project Euler: C vs Python vs…
  • 3D Rotation of a camera using its own, new axes
  • u'ufeff' in Python string
  • Why does the function named "traverse" not work on my code?
  • Difference between UTF-8 and UTF-16?
  • How many bytes does one Unicode character take?
  • Ukkonen's suffix tree algorithm in plain English
  • Turn Cursor Effect on/off with a toggle switch?
  • Character reading from file in Python
  • Is gl_FragDepth equal gl_FragCoord.z when msaa enable?
  • Why do git fetch origin and git fetch : behave differently?
  • How to use unicode characters in Windows command line?
  • Python string to unicode
  • Navbar not filling width of page when reduced to mobile view
  • no match for ‘operator
  • Are PDO prepared statements sufficient to prevent…
  • Polymer paper-dialog: how can I know when an…
  • Show/hide 'div' using JavaScript
  • Are 'Arrow Functions' and 'Functions' equivalent /…
  • How to Make A Chevron Arrow Using CSS?
  • Form field border-radius is not working only on the…
  • Polymer 1.0 - HIDE Paper Drawer Panel
  • How to use html template with vue.js
  • Python str vs unicode types
  • Cannot set property '_onButtonClick' of null with…
  • Arrow flip when dropdown opens JS
  • Python Unicode Encode Error
  • find a minimum value in an array of floats
  • Python data structure sort list alphabetically
  • PHP parse/syntax errors; and how to solve them
  • Why did my Git repo enter a detached HEAD state?
  • How to make a radio button look like a toggle button
  • JSON character encoding - is UTF-8 well-supported by…
  • How can I reconcile detached HEAD with master/origin?
  • What's the difference between ASCII and Unicode?
  • Ubuntu apt-get unable to fetch packages
  • How do I style a dropdown with only CSS?
  • A fatal error has been detected by the Java Runtime…
  • In plain English, what does "git reset" do?
  • AppCompat v7 r21 returning error in values.xml?
  • Increase `emmeans` comparison arrows' thickness
  • Typeerror: n is undefined in underscore.min.js
  • Angular: Can't find Promise, Map, Set and Iterator
  • problem with client server unix domain stream…
  • python 3.2 UnicodeEncodeError: 'charmap' codec can't…
  • UnicodeDecodeError: 'ascii' codec can't decode byte…
  • libiconv: Safe estimation of target bytes-length…
  • What is the difference between utf8mb4 and utf8…
  • After a little scroll, the sticky navbar just is not…
  • Use iconv or python3 to recode utf-8 to Latin-1…
  • How would I be able to multiple select and pass data…
  • Polymer sample code not working in firefox
  • What are the ascii values of up down left right?
  • Switch statement for greater-than/less-than
  • Getting started with Haskell
  • UTF-8, UTF-16, and UTF-32
  • Change a Git remote HEAD to point to something…
  • Why doesn't [01-12] range work as expected?
  • Basic Question - Setting object's traits in a method…
  • How does Zalgo text work?
  • What are the nuances of scope prototypal /…
  • No visible cause for "Unexpected token ILLEGAL"
  • What's the difference between Unicode and UTF-8?
  • Python 3 TypeError: must be str, not bytes with…
  • What is your most productive shortcut with Vim?
  • How can I switch to another branch in git?
  • How to convert bytes string with wrong codification…
  • Polymer 1.x: VALUE doesn't toggle off
  • How do I expand the output display to see more…
  • UnicodeDecodeError: 'ascii' codec can't decode byte…
  • Trying to keep dropdown menus flush to the edge of…
  • Heroku: How to push different local Git branches to…
  • Smart way to truncate long strings
  • Head pointer not accessible when creating a method…
  • Defining Custom Elements separately with Polymer 3.0…
  • Reading a UTF8 CSV file with Python
  • Python scrape JS data
  • Polygon Class: Finding area and length of Rectangle…
  • How can we extract email from memory file?

Disclaimer: This content is shared under creative common license cc-by-sa 3.0. It is generated from StackExchange Website Network.

Post navigation

Previous Post:

Are static class variables possible in Python?

Next Post:

How do I set/unset a cookie with jQuery?

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

.net ajax android angular arrays aurelia backbone.js bash c++ css dataframe ember-data ember.js excel git html ios java javascript jquery json laravel linux list mysql next.js node.js pandas php polymer polymer-1.0 python python-3.x r reactjs regex sql sql-server string svelte typescript vue-component vue.js vuejs2 vuetify.js

  • you shouldn’t need to use z-index
  • No column in target database, but getting “The schema update is terminating because data loss might occur”
  • Angular – expected call-signature: ‘changePassword’ to have a typedeftslint(typedef)
  • trying to implement NativeAdFactory imports deprecated method by default in flutter java project
  • What should I use to get an attribute out of my foreign table in Laravel?
© 2022 Fix Code Error