lucide
lucide copied to clipboard
feat: added `pilcrow-left` icon
What is the purpose of this pull request?
- [x] New Icon
- [ ] Bug fix
- [ ] New Feature
- [ ] Documentation update
- [ ] Other:
Description
Icon use case
To switch the direction to RTL Mostly used in rich-text editors but can also be used to switch the viewing experience of a website to RTL (similar to how mantine does in their website header.
Most Common RTL Languages: (Arabic, Persian, Urdu, Kashmiri, Pashto, Uighur, Hebrew, Sorani Kurdish, and Sindhi)
Alternative icon designs
I will be creating another PR for pilcrow-right
with a move-right
arrow but there's small caveat that will be mentioned in that PR.
Icon Design Checklist
Concept
- [x] I have provided valid use cases for each icon.
- [x] I have not added any a brand or logo icon.
- [x] I have not used any hate symbols.
- [x] I have not included any religious or political imagery.
Author, credits & license
- [ ] The icons are solely my own creation.
- [ ] The icons were originally created in #<issueNumber> by @<githubUser>
- [x] I've based them on the following Lucide icons:
- [ ] I've based them on the following design:
This icon is using an adjust versions of pilcrow-square
and move-left
. The following image shows the adjustments made
Naming
- [x] I've read and followed the naming conventions
- [x] I've named icons by what they are rather than their use case.
- [x] I've provided meta JSON files in
icons/[iconName].json
.
Design
- [x] I've read and followed the icon design guidelines
- [ ] I've made sure that the icons look sharp on low DPI displays.
- [ ] I've made sure that the icons look consistent with the icon set in size, optical volume and density.
- [x] I've made sure that the icons are visually centered.
- [x] I've correctly optimized all icons to two points of precision.
Before Submitting
- [x] I've read the Contribution Guidelines.
- [x] I've checked if there was an existing PR that solves the same issue.
Added or changed icons
Preview cohesion
Preview stroke widths
DPI Preview (24px)
Icon X-rays
Icons as code
Only working for:
lucide-react
, lucide-react-native
, lucide-preact
, lucide-vue-next
const PilcrowLeftIcon = createLucideIcon('PilcrowLeft', [
["path",{"d":"M14 3v11"}],
["path",{"d":"M14 9h-3a3 3 0 0 1 0-6h9"}],
["path",{"d":"M18 3v11"}],
["path",{"d":"M22 18H2l4-4"}],
["path",{"d":"m6 22-4-4"}]
])
My apologies for the inconvenience, it somehow included my other PR into this branch as well. It's been years and I still haven't grasped using git properly especially when it comes to PR's and contributing to open source.
This icon is using an adjust versions of
pilcrow-square
andmove-left
. The following image shows the adjustments made
I'm not quite sure how this overlay was made, but there is a much more significant difference between pilcrow-square
's pilcrow (in red), and this:
These alterations are not pixel perfect, so they would appear super blurry on low-res screens: