The Tabler pencil heart icon, also known as pencil-heart, visually represents the act of designing or editing something with affection or preference, commonly used to signify saving a favorite item, marking a preference, or indicating a design choice.
Common uses
- Save to favorites button
- Mark as preferred option
- Indicate a liked design element
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconPencilHeart } from '@tabler/icons-react';
<IconPencilHeart size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- editfavoritelovecherishaffectionfondnessemotionromancelikepreferencedesignpencilheartedit favoritedesign lovelike icon
FAQ
- What does the pencil heart icon represent?
- It symbolizes editing or designing something with love, affection, or preference, often used for saving favorites or indicating a liked item.
- How do I use the pencil heart icon in React?
- You can import and use it directly with: import { IconPencilHeart } from '@tabler/icons-react'
- What is the license for this icon?
- The Tabler icon library, including the pencil heart icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →