Safe Search
Safeguarding your online experience.
To seamlessly integrate with the existing Google product ecosystem, I referenced established iconography from popular and successful Google products. This exploration resulted in a range of concepts utilizing diverse visual elements, including both the classic Google 4-color palette and single-color options for a more streamlined look.
![Initial icon exploration](/assets/uploads/safe-search11.png)
![Initial icon exploration](/assets/uploads/safe-search06.png)
![Initial icon exploration](/assets/uploads/safe-search05.png)
![Initial icon exploration](/assets/uploads/safe-search04.png)
![Initial icon exploration](/assets/uploads/safe-search02.png)
![Initial icon exploration](/assets/uploads/safe-search01.png)
![Initial icon exploration](/assets/uploads/safe-search12.png)
![Initial icon exploration](/assets/uploads/safe-search03.png)
![Initial icon exploration](/assets/uploads/safe-search07.png)
![Initial icon exploration](/assets/uploads/safe-search10.png)
![Initial icon exploration](/assets/uploads/safe-search08.png)
![Initial icon exploration](/assets/uploads/safe-search09.png)
After a thorough evaluation of the initial explorations, some concepts fell short in conveying either the context of SafeSearch within the interface or the core idea of protection. I then refined the most promising options, iterating on them to arrive at the final proposals, which are presented here in various sizes.
![Lockup animation for final proposal 2](/assets/uploads/option-2_safesearch-icon_lockup.gif)
![Lockup animation for final proposal 2](/assets/uploads/option-1_safesearch-icon_lockup.gif)
The initial proposals explored the context of SafeSearch. One concept utilized a magnifying glass, a familiar symbol for searching, subtly suggesting that SafeSearch helps users find safe content. The other proposal leaned into the concept of protection. Here, Google's signature circles orbited the eye, creating a visual barrier against inappropriate content.
Learnings
Iconography should be clear in its concept and its context to function properly and communicate accordingly.
Choosing references is important. That a brand released a design, it doesn't mean that the design is automatically good.
Adding color to an icon looks good, but its best used sparingly as in smaller sizes it can become a hindrance to visibility.