In the prototype I simply used a single (protected) icon with an added globe on top of it, but we probably want to explore being able to draw a combination of images - the protection icon as the base, "big" element, and a "globe" - meaning vpn - in the right bottom corner of it (side note - for RtL languages it should probably be left bottom) waiting for a link
Bug 2030531 Comment 0 Edit History
Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.
In the prototype I simply used a single (protected) icon with an added globe on top of it, but we probably want to explore being able to draw a combination of images - the protection icon as the base, "big" element, and a "globe" - meaning vpn - in the right bottom corner of it (side note - for RtL languages it should probably be left bottom) waiting for a link UPD: [link](https://www.figma.com/proto/BVqEYexibOA2betNVUMrfl/Mobile-Assembly-File-2026?node-id=9592-15474&p=f&m=dev&scaling=min-zoom&content-scaling=fixed&page-id=7005%3A15258&starting-point-node-id=9592%3A15627&show-proto-sidebar=1&t=H90NOw4xKgwetSse-1)
In the prototype I simply used a single (protected) icon with an added globe on top of it, but we probably want to explore being able to draw a combination of images - the protection icon as the base, "big" element, and a "globe" - meaning vpn - in the right bottom corner of it (side note - for RtL languages it should probably be left bottom) waiting for a link UPD: [link](https://www.figma.com/proto/BVqEYexibOA2betNVUMrfl/Mobile-Assembly-File-2026?node-id=9592-15474&p=f&m=dev&scaling=min-zoom&content-scaling=fixed&page-id=7005%3A15258&starting-point-node-id=9592%3A15627&show-proto-sidebar=1&t=H90NOw4xKgwetSse-1) UPD2: the globe position might not be an issue for RtL languages; maybe check the RtL text positioning, but might not be high priority for phase 0.
In the prototype I simply used a single (protected) icon with an added globe on top of it, but we probably want to explore being able to draw a combination of images - the protection icon as the base, "big" element, and a "globe" - meaning vpn - in the right bottom corner of it (side note - for RtL languages it should probably be left bottom). So whatever icons we are showing now, we keep showing those, but if the VPN is on, we show those with a globe icon with them. waiting for a link UPD: [link](https://www.figma.com/proto/BVqEYexibOA2betNVUMrfl/Mobile-Assembly-File-2026?node-id=9592-15474&p=f&m=dev&scaling=min-zoom&content-scaling=fixed&page-id=7005%3A15258&starting-point-node-id=9592%3A15627&show-proto-sidebar=1&t=H90NOw4xKgwetSse-1) UPD2: the globe position might not be an issue for RtL languages; maybe check the RtL text positioning, but might not be high priority for phase 0.