lucide icon indicating copy to clipboard operation
lucide copied to clipboard

feat(icons): add angle-right, angle-acute, and angle-obtuse

Open gurtt opened this issue 10 months ago • 4 comments

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.

gurtt avatar Apr 05 '24 01:04 gurtt

Added or changed icons

icons/angle-acute.svgicons/angle-obtuse.svgicons/angle-right.svg

Preview cohesion icons/square-dot.svgicons/square-pilcrow.svgicons/square-arrow-up-left.svg
icons/angle-acute.svgicons/angle-obtuse.svgicons/angle-right.svg
icons/tree-pine.svgicons/map-pin-off.svgicons/crop.svg
Preview stroke widths icons/angle-acute.svgicons/angle-obtuse.svgicons/angle-right.svg
icons/angle-acute.svgicons/angle-obtuse.svgicons/angle-right.svg
icons/angle-acute.svgicons/angle-obtuse.svgicons/angle-right.svg
DPI Preview (24px) icons/angle-acute.svg icons/angle-obtuse.svg icons/angle-right.svg
Icon X-rays icons/angle-acute.svg icons/angle-obtuse.svg icons/angle-right.svg
Icons as code

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"}]
])

github-actions[bot] avatar Apr 05 '24 01:04 github-actions[bot]

All three of these feel a tad too small and some are pretty off centre both vertically and horizontally.

image

karsa-mistmere avatar Apr 05 '24 06:04 karsa-mistmere

add straight-angle, reflex-angle, and full-rotation.

chessurisme avatar Apr 14 '24 22:04 chessurisme

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.

jguddas avatar Apr 15 '24 20:04 jguddas

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.

github-actions[bot] avatar May 27 '24 02:05 github-actions[bot]