Skip to content

Commit

Permalink
[Icons] Add icons for image editing (#11816)
Browse files Browse the repository at this point in the history
### WHY are these changes introduced?

Some icons in use on image editing features are hardcoded svgs. 
This change introduces Polaris icons for `Crop`, `FlipHorizontal`,
`FlipVertical`, `ImageMagic`, `RotateteLeft`, `RotateRight`.
This not only allows the icons to exist in Polaris for web, but also
allows them to get the Mobile icon size scaling.

### WHAT is this pull request doing?


![image](https://github.com/Shopify/polaris/assets/5823560/3d5f1f41-3d8e-4950-b429-dd220088f7bd)

---------

Co-authored-by: Sam Rose <[email protected]>
  • Loading branch information
dGoligorsky and sam-b-rose authored Apr 4, 2024
1 parent e04b45f commit 4b730c8
Show file tree
Hide file tree
Showing 15 changed files with 89 additions and 0 deletions.
5 changes: 5 additions & 0 deletions .changeset/hip-windows-exercise.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
'@shopify/polaris-icons': minor
---

Added some icons for image editing
1 change: 1 addition & 0 deletions polaris-icons/icons/CropIcon.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 10 additions & 0 deletions polaris-icons/icons/CropIcon.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
name: Crop
description: Used in media editing for croping an image.
keywords:
- crop
authors:
- David Goligorsky
- Joe Thomas
- Arda Karaçizmeli
date_added: 2024-03-28
date_modified: 2024-03-28
1 change: 1 addition & 0 deletions polaris-icons/icons/FlipHorizontalIcon.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 11 additions & 0 deletions polaris-icons/icons/FlipHorizontalIcon.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
name: Flip horizontal
description: Used in media editing for flipping an image horizontally.
keywords:
- flip
- mirror
- horizontal
authors:
- David Goligorsky
- Arda Karaçizmeli
date_added: 2024-03-28
date_modified: 2024-03-28
1 change: 1 addition & 0 deletions polaris-icons/icons/FlipVerticalIcon.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 11 additions & 0 deletions polaris-icons/icons/FlipVerticalIcon.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
name: Flip vertical
description: Used in media editing for flipping an image vertically.
keywords:
- flip
- mirror
- vertical
authors:
- David Goligorsky
- Arda Karaçizmeli
date_added: 2024-03-28
date_modified: 2024-03-28
1 change: 1 addition & 0 deletions polaris-icons/icons/ImageMagicIcon.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 11 additions & 0 deletions polaris-icons/icons/ImageMagicIcon.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
name: Image Magic
description: Used for signifying Magic media editing, like background removal and image generation.
keywords:
- Magic
- Generation
- Media
authors:
- David Goligorsky
- Arda Karaçizmeli
date_added: 2024-03-28
date_modified: 2024-03-28
1 change: 1 addition & 0 deletions polaris-icons/icons/RemoveBackgroundIcon.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 changes: 12 additions & 0 deletions polaris-icons/icons/RemoveBackgroundIcon.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
name: Remove background
description: Used to signify the background removal feature in Magic media editing.
keywords:
- Magic
- Background
- Removal
- Media
authors:
- David Goligorsky
- Arda Karaçizmeli
date_added: 2024-04-03
date_modified: 2024-04-03
1 change: 1 addition & 0 deletions polaris-icons/icons/RotateLeftIcon.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 11 additions & 0 deletions polaris-icons/icons/RotateLeftIcon.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
name: Rotate left
description: Used in media editing for rotating an image counterclockwise.
keywords:
- Rotate
- Left
- Counterclockwise
authors:
- David Goligorsky
- Arda Karaçizmeli
date_added: 2024-03-28
date_modified: 2024-03-28
1 change: 1 addition & 0 deletions polaris-icons/icons/RotateRightIcon.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 11 additions & 0 deletions polaris-icons/icons/RotateRightIcon.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
name: Rotate right
description: Used in media editing for rotating an image clockwise.
keywords:
- Rotate
- Right
- Clockwise
authors:
- David Goligorsky
- Arda Karaçizmeli
date_added: 2024-03-28
date_modified: 2024-03-28

0 comments on commit 4b730c8

Please sign in to comment.