ICONS

Shopping Cart Icons

These icons are designed for various actions users can take in relation to their shopping cart. Common symbols include a "plus" sign to add items to the cart, a "minus" or "remove" button to delete individual items, a "trash" icon to clear all items from the cart, and a "shopping cart" icon to view the cart itself. Each icon is tailored to streamline the shopping experience by making cart management intuitive and visually recognizable. 

Filter and Sort Icons

Filter icons often appear as a funnel shape, signaling options to refine a product list by criteria like price range, category, or brand. Sort icons include arrows or an alphabetical/numbered list to indicate ascending or descending order, and might display options like "low to high" or "newest first." These icons provide users with quick, straightforward ways to adjust displayed content based on their preferences. 

Personal Information Icons

Icons representing personal information fields, such as mailing address, email, credit card, and a gift option at checkout, enhance usability by clearly symbolizing specific details or actions for the user. These icons serve as visual cues to help users quickly identify information fields or options, promoting a smoother and more intuitive experience in forms or checkout flows.


Media Icons

Media icons are universal symbols related to audio and video control. The "play" button, typically a triangle, signifies the start of media playback, while a "pause" icon (two vertical lines) stops playback temporarily. "Full screen" and "exit full screen" icons, located in screen corners, allow users to toggle the media view size. Speaker icons, displayed as small speaker images, indicate volume controls, including options to mute or unmute audio. 

Like Icons

Like icons usually take the shape of a heart or thumbs-up to represent favoriting or saving items, such as products in a wish list. A filled icon signifies that an item has been liked or saved, while an empty icon indicates it hasn’t been. Un-liking or removing an item from the list reverts the icon to its empty state. 

Rating Icon

Rating icons are typically represented by stars, with five stars indicating the maximum rating. They are often filled in a progression from left to right to show the average rating or user input, with each filled star corresponding to one rating point. Users recognize this icon format as a quick gauge of product quality or satisfaction based on user feedback. 

Page Icons

Page icons use distinct symbols to represent different sections of a site or app, enhancing navigation. An "explore" icon, often a compass or magnifying glass, directs users to discovery sections; a "settings" icon, often a gear, leads to configuration options; a "quick deals" icon, such as a lightning bolt, signals time-sensitive promotions; and "categories" icons provide a way to browse items by type. 

Other UI Icons

These icons serve a variety of functions to aid with general app or website navigation. A "trash can" icon, for example, is used to delete items permanently. An "X" or minus symbol closes or removes items, such as closing a modal or removing a selected option. A plus symbol, on the other hand, allows users to add new items or elements, like adding a new entry to a list or selecting a new product size. 

This work includes icons from the Dazzle Line Icons Collection by Dazzle UI, used under the Creative Commons Attribution License.

The icon pack can be found here: https://www.svgrepo.com/collection/dazzle-line-icons/