[tor-bugs] #25763 [Webpages/Styleguide]: Design a .onion icon

[Tor Bug Tracker & Wiki]

#25763: Design a .onion icon
-------------------------------------+--------------------------
     Reporter:  antonela             |      Owner:  < antonela >
         Type:  enhancement          |     Status:  assigned
     Priority:  Medium               |  Milestone:
    Component:  Webpages/Styleguide  |    Version:
     Severity:  Major                |   Keywords:
Actual Points:                       |  Parent ID:
       Points:                       |   Reviewer:  isabela
      Sponsor:                       |
-------------------------------------+--------------------------
 Designing a .onion icon is part of the .onion services branding project.

 **Motivation**

 We need a standard way to communicate that users are using onions
 services, across different environments. The problem right now is that we
 have a ton of different onions referencing it.

 This icon should work perfectly at small sizes (e.g., 8x8px) and medium
 and big sizes too.

 We can have a progressive enhancement based on the size of the icon.
 Similar to
 https://useiconic.com/guides/using-iconic-responsively/

 We should support a way to identify v1, v2, and v3 onion services.

 **Uses Cases**
 - Url Bar on browsers to communicate .onion services running (#23247)
 - A small icon at footer indicating that this website has a .onion service
 available
 - Products Icons for Tor Browser Desktop + Tor Browser Android
 - More here #21952

 **What do we want to communicate?**

 hidden, secure, encrypted, private, layers

 **Resources/Useful links**

 https://thenounproject.com/search/?q=onion
 https://github.com/FortAwesome/Font-Awesome/issues/5101

--
Ticket URL: <https://trac.torproject.org/projects/tor/ticket/25763>
Tor Bug Tracker & Wiki <https://trac.torproject.org/>
The Tor Project: anonymity online