-
Notifications
You must be signed in to change notification settings - Fork 1.2k
Closed
Labels
Description
How will these icons be used?
As part of the launch of Markets we are exposing catalogs directly to non-plus merchants for the first time. Consequently we need an icon to represent catalogs in a bunch of places, including but not exclusive to the examples above.
CC @zecarlostorre @davekilljoy
Icon name
Catalog
Icon description
Used to represent a catalog
Icon keywords
catalog
Icon author
James Findlater
Icon Figma link
Icon SVG code
**Desktop**
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7723 9C14.1426 9 13.5401 9.2543 13.1033 9.70437L10.4752 12.4126C9.83297 13.0744 9.84295 14.1247 10.4977 14.7743L12.2881 16.5511C12.8833 17.1417 13.8455 17.1507 14.4518 16.5713L17.3848 13.7686C17.7779 13.393 18 12.8748 18 12.3333V10.9926C18 9.89212 17.101 9 15.992 9H14.7723ZM15.75 12C16.1642 12 16.5 11.6642 16.5 11.25C16.5 10.8358 16.1642 10.5 15.75 10.5C15.3358 10.5 15 10.8358 15 11.25C15 11.6642 15.3358 12 15.75 12Z" fill="#4A4A4A"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.29997 2.87012C5.18472 2.87012 3.46997 4.58487 3.46997 6.70012V13.2501C3.46997 15.3654 5.18472 17.0801 7.29997 17.0801H8.99999C9.45839 17.0801 9.82999 16.7085 9.82999 16.2501C9.82999 15.7917 9.45839 15.4201 8.99999 15.4201H7.29997C6.10151 15.4201 5.12997 14.4486 5.12997 13.2501V6.70012C5.12997 5.50166 6.10151 4.53012 7.29997 4.53012H12.8C13.9985 4.53012 14.97 5.50166 14.97 6.70012V7.50012C14.97 7.95851 15.3416 8.33012 15.8 8.33012C16.2584 8.33012 16.63 7.95851 16.63 7.50012V6.70012C16.63 4.58486 14.9152 2.87012 12.8 2.87012H7.29997ZM7 7C7 6.58579 7.33579 6.25 7.75 6.25H12.25C12.6642 6.25 13 6.58579 13 7C13 7.41421 12.6642 7.75 12.25 7.75H7.75C7.33579 7.75 7 7.41421 7 7ZM7 10C7 9.58579 7.33579 9.25 7.75 9.25H9.75C10.1642 9.25 10.5 9.58579 10.5 10C10.5 10.4142 10.1642 10.75 9.75 10.75H7.75C7.33579 10.75 7 10.4142 7 10Z" fill="#4A4A4A"/>
</svg>
**Mobile**
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.3688 9C14.6604 9 13.9826 9.28608 13.4912 9.79241L10.5346 12.8392C9.81209 13.5837 9.82332 14.7652 10.5599 15.4961L12.5742 17.4949C13.2438 18.1594 14.3262 18.1695 15.0083 17.5177L18.3079 14.3647C18.7501 13.9421 19 13.3592 19 12.75V11.2417C19 10.0036 17.9886 9 16.741 9H15.3688ZM16.8438 11.9875C17.3097 11.9875 17.6875 11.6097 17.6875 11.1437C17.6875 10.6778 17.3097 10.3 16.8438 10.3C16.3778 10.3 16 10.6778 16 11.1437C16 11.6097 16.3778 11.9875 16.8438 11.9875Z" fill="#4A4A4A"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.8499 2.02002C4.18236 2.02002 2.0199 4.18248 2.0199 6.85002V13.2004C2.0199 15.8679 4.18236 18.0304 6.8499 18.0304H9.14992C9.60832 18.0304 9.97992 17.6588 9.97992 17.2004C9.97992 16.742 9.60832 16.3704 9.14992 16.3704H6.8499C5.09915 16.3704 3.6799 14.9512 3.6799 13.2004V6.85002C3.6799 5.09928 5.09916 3.68002 6.8499 3.68002H12.7999C14.5507 3.68002 15.9699 5.09928 15.9699 6.85002V7.00021C15.9699 7.45861 16.3415 7.83021 16.7999 7.83021C17.2583 7.83021 17.6299 7.45861 17.6299 7.00021V6.85002C17.6299 4.18249 15.4675 2.02002 12.7999 2.02002H6.8499ZM6.02002 6.99992C6.02002 6.54153 6.39162 6.16992 6.85002 6.16992H12.5C12.9584 6.16992 13.33 6.54153 13.33 6.99992C13.33 7.45832 12.9584 7.82992 12.5 7.82992H6.85002C6.39162 7.82992 6.02002 7.45832 6.02002 6.99992ZM6.0199 10.4999C6.0199 10.0415 6.3915 9.66992 6.8499 9.66992H9.39992C9.85832 9.66992 10.2299 10.0415 10.2299 10.4999C10.2299 10.9583 9.85832 11.3299 9.39992 11.3299H6.8499C6.3915 11.3299 6.0199 10.9583 6.0199 10.4999Z" fill="#4A4A4A"/>
</svg>
Are there any other important details?
No response