Horizontal Bar
―
Symbol
Click on the symbol to copy
⤴
About
Horizontal Bar
Symbol
The "―" symbol is known as the horizontal bar. In UI design, the symbol can replace spelled-out "Em Dash" or "Separator" labels and icons in typography, formatting, or text-related interfaces.
How to Use
Horizontal Bar
symbol in UI Design?
Copy and paste the HTML or Unicode codes displayed below to your project's HTML. Add <meta charset="UTF-8"> in your HTML head to display the symbol correctly.
Horizontal Bar
symbol copy paste codes:
//Unicode symbol example
<span>
U+2015
</span>
//Unicode symbol example
<span>
U+2015
</span>
//HTML symbol code
<span>
―
</span>
//HTML symbol code
<span>
―
</span>
―
Horizontal Bar
punctuation symbols
dash symbol
dash symbol
copy and paste
dash symbol
figma symbol
⟡
Similar symbols to copy and paste
⟡
⟡
Copy and paste
punctuation symbols
⟡
Search symbols
Search symbols
Search symbols
Copy and paste symbols ↓
Copy and paste symbols ↓
Copy and paste symbols ↓
Popular questions
Find more answers to popular questions on our FAQs page.
Why are Unicode symbols not displayed correctly?
Use UTF-8 encoding your HTML meta tags and ensure your fonts support the Unicode symbols you're using. Test across multiple browsers and include basic alternate fonts in your font-family stack.
Can I use Unicode symbols in commercial projects?
Where can I find more symbols to copy and paste?
No worries if you haven't found the symbol you were looking for—we've got you covered. While we are actively working on adding more UI-specific symbols, we have also created a collection of cool and simple icons for you to copy and paste.
Free SVG icons can be a great alternative to text symbols, as there are many more shapes and metaphors to choose from. If you would like to try our free icon pack, we invite you to visit our Copy and Paste Icons page.
Why do I need a Figma UI kit?
So, is it a UI Kit, a Design System, or an eBook?
Can the Frames X UI Kit help me create a design system?
Can the Frames X UI Kit help me to build a website or an app?
Will my team or company benefit from your UI Kit?
How often is the UI Kit updated?
How do you decide on content for UI Kit updates?
Can I use Frames X UI Kit for commercial projects?
Do I need to be a pro with Figma?
Do I need a pro Figma plan to use your UI Kit?
Can you create a custom UI Kit/Design System?
Popular questions
Why are Unicode symbols not displayed correctly?
Use UTF-8 encoding your HTML meta tags and ensure your fonts support the Unicode symbols you're using. Test across multiple browsers and include basic alternate fonts in your font-family stack.
Can I use Unicode symbols in commercial projects?
Where can I find more symbols to copy and paste?
No worries if you haven't found the symbol you were looking for—we've got you covered. While we are actively working on adding more UI-specific symbols, we have also created a collection of cool and simple icons for you to copy and paste.
Free SVG icons can be a great alternative to text symbols, as there are many more shapes and metaphors to choose from. If you would like to try our free icon pack, we invite you to visit our Copy and Paste Icons page.
Why do I need a Figma UI kit?
So, is it a UI Kit, a Design System, or an eBook?
Can the Frames X UI Kit help me create a design system?
Can the Frames X UI Kit help me to build a website or an app?
Will my team or company benefit from your UI Kit?
How often is the UI Kit updated?
How do you decide on content for UI Kit updates?
Can I use Frames X UI Kit for commercial projects?
Do I need to be a pro with Figma?
Do I need a pro Figma plan to use your UI Kit?
Can you create a custom UI Kit/Design System?
Popular questions
Find more answers to popular questions on our FAQs page.
Why are Unicode symbols not displayed correctly?
Use UTF-8 encoding your HTML meta tags and ensure your fonts support the Unicode symbols you're using. Test across multiple browsers and include basic alternate fonts in your font-family stack.
Can I use Unicode symbols in commercial projects?
Where can I find more symbols to copy and paste?
No worries if you haven't found the symbol you were looking for—we've got you covered. While we are actively working on adding more UI-specific symbols, we have also created a collection of cool and simple icons for you to copy and paste.
Free SVG icons can be a great alternative to text symbols, as there are many more shapes and metaphors to choose from. If you would like to try our free icon pack, we invite you to visit our Copy and Paste Icons page.
Why do I need a Figma UI kit?
So, is it a UI Kit, a Design System, or an eBook?
Can the Frames X UI Kit help me create a design system?
Can the Frames X UI Kit help me to build a website or an app?
Will my team or company benefit from your UI Kit?
How often is the UI Kit updated?
How do you decide on content for UI Kit updates?
Can I use Frames X UI Kit for commercial projects?
Do I need to be a pro with Figma?
Do I need a pro Figma plan to use your UI Kit?
Can you create a custom UI Kit/Design System?
Scalable UI Kit for SaaS. Build UI in Figma that will last forever.
Get the most out of Figma UI kit. Build powerful design systems, websites, and applications that you can use for life.
UI KIT TRUSTED BY TOP TEAMS AND BRANDS
Scalable UI Kit for SaaS. Build UI in Figma that will last forever.
Get the most out of Figma UI kit. Build powerful design systems, websites, and applications that you can use for life.
Scalable UI Kit for SaaS. Build UI in Figma that will last forever.
Get the most out of Figma UI kit. Build powerful design systems, websites, and applications that you can use for life.
UI KIT TRUSTED BY TOP TEAMS AND BRANDS
⬆