EricGalindo1 commented 1 year ago

Add new icon(s) to the library

Please fill out the table below with the desired information per icon. This information must be included with the icon request before it can be accepted.

see the table below for a list of available categories

category	description
alert	Icons used specifically to alert users as to the state of awareness
in-flight	icons reserved for 'day of travel' user experiences
interface	Icons used to create interface enhancements
payment	Icons specifically to be used in a transaction flow
shop	icons for use with shopping experiences
social	Icons for use with social media
terminal	Icons related to terminal experiences
partnership	Icons related to business partnerships
programs	Icons related to Alaska Airlines programs
logo	Logo SVGs, e.g. tails or company logos

Name: What is the name of the icon? Please update the name of the file to match. PLEASE reference other similar icons for a naming convention.
Category: What category of icons will this new icon be listed?
Title: An OPTIONAL description of the icon. ††
Description: Alternative text of the icon that will be read back to the user via assistive technologies.

†† The title is only needed if there is text that you wish to appear in the native browser tooltip functionality. See an example with the external link icon in the interface section.

name	category	accessibility description
error-filled	alert	triangle with exclamation mark
rising-sun-stroke	destination	semi-circle with lines
sun-stroke	destination	full circle surrounded with lines
hotel-filled	destination	two rectangles with windows
contract-mixed-fare-filled	easybiz	two gold rectangles with a white stroke in the middle
contract-fare-filled	easybiz	two blue rectangles with a white dollar symbol in the middle
flight-pass-filled	easybiz	rectangle with airplane in the middle and three circles on top
government-fare-stroke	easybiz	blue dome building
government-mixed-fare-stroke	easybiz	yellow dome building
mask-filled	health	face mask
medical-filled	health	circle with a cross in the middle
clean-filled	health	sanitizing spray
covid-test-filled	health	test tube
carry-on-filled	in-flight	backpack with front zipper
entertainment-filled	in-flight	a rectangle with triangle inside
luggage-filled	in-flight	a rectangle with wheels and handle
plug-filled	in-flight	rectangle with two lines
seat-filled	in-flight	airline seat
wine-and-spirits-filled	in-flight	wine glass
passenger-filled	in-flight	circle with a single passenger outline
multipax-filled	in-flight	circle with two passengers
search-filled	interface	magnifying glass with dark circle in the middle
chat-filled	interface	two rectangle chat bubble
new-window-filled	interface	two rectangle with plus sign
filter-filled	interface	marker sign
location-found-stroke	interface	target circle with a dot in the center
notification-filled	interface	a bell
notification-active-filled	interface	a bell with red dot
view-password-filled	interface	eye
tag-stroke	interface	bag tag
pin-trip-stroke	interface	drop pin with circles
phone-filled	interface	rectangle phone
settings-filled	interface	a cog gear
id-filled	interface	rectangle with id silhouette inside
hide-password-filled	interface	eye with a line in the middle
printer-filled	interface	a printer
add-to-calendar-filled	interface	rectangle calendar with a plus sign
calendar-filled	interface	rectangular calendar
route-pending-government-approval-stroke	interface-sell	dome building
discount-code-applied-stroke	interface-sell	green clover with a checkmark
first-class-upgrade-available-filled	interface-sell	ribbon with a letter "F"
first-class-upgrade-waitlist-filled	interface-sell	a clock ribbon
premium-class-upgrade-available-filled	interface-sell	purple start with a letter "P"
premium-class-upgrade-waitlist-filled	interface-sell	gold start with watch face
recommended-for-standby-filled	interface-sell	green smiley face
recommended-for-standby-travel-but-watch-filled	interface-sell	yellow neutral face
not-recommended-for-standby-filled	interface-sell	red frown face
shopping-bag-filled	shop	shopping bag with a handle
cart-filled	shop	a shopping cart
credit-card-filled	shop	credit card
receipt-filled	shop	receipt paper
gift-filled	shop	gift box with a bow

Icon art

The icon(s) per this request, has the new art been completed?

[x] Yes
[ ] No

If YES, does the new icon art follow all the recommendations from the Auro Icon Design Guidelines?

[x] Yes
[ ] No

If YES, the icon(s) in the request, have they been added to the UiKit Abstract repo?

[x] Yes
[ ] No

Attach exported SVG files to this issue

DO NOT upload the icon(s) directly. ALWAYS compress the file(s) and upload the .zip file.

See the options below for attaching a file to this request.

Patrick-Daly-AA commented 10 months ago

We will be returning to this work once we have implemented the icon deprecation procedure, since it is necessary for completing this work. The one exception is for the "rising-sun-stroke" icon, as we will be adding that shortly.

blackfalcon commented 8 months ago

First pass at renaming all the icons to meet the spec of either stroke or filled for each icon. Design support will be needed as not all icons fit nicely onto these categories. For example, arrow-up, chain-link or air.
Reviewing some of the new icons there is an issue where the asset is not a shape, but fills on lines. All the icons need to be a single shape that is mono-colored.
There appears to be a mix of icons that already exist and new ones. Please only upload the icons that are new.
Please add all the icons to a single folder and .ZIP that into a single download.
Please do not include the path name into the name of the icon. Place the icons into different category folders.

yvonneyamasaki commented 8 months ago

@blackfalcon @leeejune

Here are the icons referenced in this ticket. Please let me know if they arent named correctly and i missed an icon. Icons.zip

AlaskaAirlines / Icons

Filled & un-filled icons #210

Add new icon(s) to the library

Icon art

Attach exported SVG files to this issue