Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Icon]: New icon <LocationAlert> #11939

Open
ksvihar opened this issue Apr 24, 2024 · 0 comments
Open

[Icon]: New icon <LocationAlert> #11939

ksvihar opened this issue Apr 24, 2024 · 0 comments
Labels
Icon Polaris iconography untriaged

Comments

@ksvihar
Copy link

ksvihar commented Apr 24, 2024

How will these icons be used?

This icon will be used in all the places where we validate an address to indicate a potentially 'invalid' address. The primary use case is found in the orders index

Default Default-1

Icon name

LocationAlert

Icon description

Action: Used to denote the invalid status of an address
Wayfinding: Used to help merchants understand that the address is invalid and take action to fix it
Concept: Used to represent the invalidity of an address
Education: Used to give merchants information about the invalidity of the address

Icon keywords

location, address, shipping address, validation, issue, verification, alert

Icon author

Vihar Kothamasu

Icon Figma link

Figma for the icon

Icon SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.82655 16H5.75C5.33579 16 5 16.3358 5 16.75C5 17.1642 5.33579 17.5 5.75 17.5H14.25C14.6642 17.5 15 17.1642 15 16.75C15 16.3358 14.6642 16 14.25 16H11.1734C11.196 15.98 11.219 15.9596 11.2424 15.9387C11.707 15.5229 12.3273 14.9219 12.9495 14.1805C14.1737 12.7217 15.5 10.6071 15.5 8.2267C15.5 5.06038 13.1721 2.75 10 2.75C6.82792 2.75 4.5 5.06038 4.5 8.2267C4.5 10.6071 5.82627 12.7217 7.0505 14.1805C7.6727 14.9219 8.29304 15.5229 8.75765 15.9387C8.781 15.9596 8.80398 15.98 8.82655 16ZM10 4.25C7.64924 4.25 6 5.8959 6 8.2267C6 10.073 7.04873 11.845 8.1995 13.2162C8.7648 13.8898 9.33196 14.4397 9.75798 14.8209C9.84521 14.899 9.9263 14.9698 10 15.033C10.0737 14.9698 10.1548 14.899 10.242 14.8209C10.668 14.4397 11.2352 13.8898 11.8005 13.2162C12.9513 11.845 14 10.073 14 8.2267C14 5.8959 12.3508 4.25 10 4.25Z" fill="#4A4A4A"/>
  <path d="M9.25 6.75C9.25 6.33579 9.58579 6 10 6C10.4142 6 10.75 6.33579 10.75 6.75V9.25C10.75 9.66421 10.4142 10 10 10C9.58579 10 9.25 9.66421 9.25 9.25V6.75Z" fill="#4A4A4A"/>
  <path d="M10.75 11.75C10.75 12.1642 10.4142 12.5 10 12.5C9.58579 12.5 9.25 12.1642 9.25 11.75C9.25 11.3358 9.58579 11 10 11C10.4142 11 10.75 11.3358 10.75 11.75Z" fill="#4A4A4A"/>
</svg>

Are there any other important details?

I picked LocationAlert as the icon name considering we already have Location and LocationNone as icons today which uses the same location pin.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Icon Polaris iconography untriaged
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant