lucide
lucide copied to clipboard
feat(icons): add angle-right, angle-acute, and angle-obtuse
What is the purpose of this pull request?
- [x] New Icon
- [ ] Bug fix
- [ ] New Feature
- [ ] Documentation update
- [ ] Other:
Description
Adds icons to represent right, acute, and obtuse angles.
Note that angle-acute
and angle-obtuse
are not geometrically perfect but are optically aligned.
Icon use case
- as a mathematical symbol representing angles
- in design tools for alignment
Alternative icon designs
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
- [x] The icons are solely my own creation.
- [ ] The icons were originally created in #<issueNumber> by @<githubUser>
- [ ] I've based them on the following Lucide icons:
- [ ] I've based them on the following design:
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
- [x] I've made sure that the icons look sharp on low DPI displays.
- [x] 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 three 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
Works for: lucide-react
, lucide-react-native
, lucide-preact
, lucide-vue-next
const AngleAcuteIcon = createLucideIcon('AngleAcute', [
["path",{"d":"m13.326 5.003-9.152 13.43A1 1 0 0 0 5 19.997h15.003"}],
["path",{"d":"M9.403 10.76a8.1 8.1 0 0 1 3.871 6.93c0 .801-.115 1.576-.329 2.307"}]
])
const AngleObtuseIcon = createLucideIcon('AngleObtuse', [
["path",{"d":"m3.5 5.5 5.418 13.864a1 1 0 0 0 .931.636H20.5"}],
["path",{"d":"M6.193 12.392a8 8 0 0 1 1.789-.2c4.378 0 7.933 3.499 7.933 7.808"}]
])
const AngleRightIcon = createLucideIcon('AngleRight', [
["path",{"d":"M4 13.143h5.857a1 1 0 0 1 1 1V20"}],
["path",{"d":"M4 4v15a1 1 0 0 0 1 1h15"}]
])
All three of these feel a tad too small and some are pretty off centre both vertically and horizontally.
add straight-angle
, reflex-angle
, and full-rotation
.
The right angle one looks good, the other two would be cool if they were symmetricaly mirrorable and the line segments for the arc would be just a singular arc element, right now it's a mix of curves and ars.
This PR is stale because it has been open 45 days with no activity. Remove stale label or comment or this will be closed in 5 days.