Heart Black
♥
Symbol
Click on the symbol to copy
⤴
About
Heart Black
Symbol
The "♥" symbol is known as the black heart suit or filled heart. In UI design, this heart shape can replace standard SVG Heart Symbols and act as icons for the "Like" or "Favorite" Buttons and Badges component.
Fun fact: The heart symbol originated from the ancient heart-shaped leaves of the silphium plant in 6th-century Ancient Libya/Africa, becoming standardized in medieval manuscripts and playing cards.
How to Use
Heart Black
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.
Heart Black
symbol copy paste codes:
//Unicode symbol example
<span>
U+2665
</span>
//Unicode symbol example
<span>
U+2665
</span>
//HTML symbol code
<span>
♥
</span>
//HTML symbol code
<span>
♥
</span>
♥
Heart Black
common symbols
favorite icon
heart symbol
copy and paste
heart symbol
figma symbol
⟡
⟡
Similar free icons to copy and paste
⟡
⟡
⟡
Similar symbols to copy and paste
⟡
⟡
Copy and paste
common 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
⬆