Carlotta Govi (@carlottagovi) 's Twitter Profile
Carlotta Govi

@carlottagovi

Freelance Icon Designer, Founder of Xicons.studio. Currently icon design consultant at @Firefox. Clients include @adidas, @automattic, @HMDGlobal and more.

ID: 1033551360

linkhttp://xicons.studio calendar_today24-12-2012 22:19:36

136 Tweet

322 Takipçi

175 Takip Edilen

Carlotta Govi (@carlottagovi) 's Twitter Profile Photo

🦊 📐 Some of the latest icons from our Firefox icon system. We've been working to expand our system with over 300 icons — new icons and sizes are based on the key visual rules I helped define last year.

🦊 📐 Some of the latest icons from our Firefox icon system. We've been working to expand our system with over 300 icons — new icons and sizes are based on the key visual rules I helped define last year.
Carlotta Govi (@carlottagovi) 's Twitter Profile Photo

Key shapes, consistently sized according to our #Firefox icon system rules. These shapes serve to establish visual connections between icons with similar proportions 📐✨

Key shapes, consistently sized according to our #Firefox icon system rules. These shapes serve to establish visual connections between icons with similar proportions 📐✨
Carlotta Govi (@carlottagovi) 's Twitter Profile Photo

Some icons from the #adidas Runtastic icon system 📐 Key icons are drawn on a pixel-based grid of 32px x 32px. Some of these are currently featured in adidas Running and adidas Training apps 📱🏃

Some icons from the #adidas Runtastic icon system 📐
Key icons are drawn on a pixel-based grid of 32px x 32px. Some of these are currently featured in adidas Running and adidas Training apps 📱🏃
Carlotta Govi (@carlottagovi) 's Twitter Profile Photo

Bike icon 🚴✨ from the Visit Luxembourg Icon System. A while ago, I helped the Government of Luxembourg design a new icon system for their Visit Luxembourg mobile app.

Bike icon 🚴✨ from the Visit Luxembourg Icon System.

A while ago, I helped the Government of Luxembourg design a new icon system for their Visit Luxembourg mobile app.
Carlotta Govi (@carlottagovi) 's Twitter Profile Photo

In our #adidas Runtastic icon system, icons are placed at the center of their grid to ensure they stay aligned when placed next to each other in our designs. Whenever feasible, icons are precisely centered within their grid boundaries. However, sometimes we use optical alignment

In our #adidas Runtastic icon system, icons are placed at the center of their grid to ensure they stay aligned when placed next to each other in our designs. Whenever feasible, icons are precisely centered within their grid boundaries.

However, sometimes we use optical alignment
Carlotta Govi (@carlottagovi) 's Twitter Profile Photo

Simplenote icon system re-design 📐with the splendid product design team at Automattic ✨ Simplenote is a note-taking application with markdown support. In addition to cross-platform apps, it can be accessed via most web browsers.

Simplenote icon system re-design 📐with the splendid product design team at Automattic ✨

Simplenote is a note-taking application with markdown support. In addition to cross-platform apps, it can be accessed via most web browsers.
Carlotta Govi (@carlottagovi) 's Twitter Profile Photo

adidas Runtastic pictograms are designed to visually connect with the adidas logo. Each pictogram presents 30° angles and depending on the icon metaphor, we use increments of 15° for other types of angles 📐

adidas Runtastic pictograms are designed to visually connect with the <a href="/adidas/">adidas</a> logo. Each pictogram presents 30° angles and depending on the icon metaphor, we use increments of 15° for other types of angles 📐
Carlotta Govi (@carlottagovi) 's Twitter Profile Photo

I'm excited to share that I'll continue partnering with the amazing @Mozilla Firefox 🔥 team this year! We're set to work on scaling and enhancing our icon system 🦊 ✨

I'm excited to share that I'll continue partnering with the amazing @Mozilla <a href="/firefox/">Firefox 🔥</a> team this year! We're set to work on scaling and enhancing our icon system 🦊 ✨
Carlotta Govi (@carlottagovi) 's Twitter Profile Photo

Our Firefox 🔥 icon system uses a base counter-stroke size of 1.5px, which is systematically increased or decreased by 0.5px as needed 📐✨ 1. Counter stroke 1.5px 2. Counter stroke 2px

Our <a href="/firefox/">Firefox 🔥</a> icon system uses a base counter-stroke size of 1.5px, which is systematically increased or decreased by 0.5px as needed 📐✨

1. Counter stroke 1.5px
2. Counter stroke 2px
Carlotta Govi (@carlottagovi) 's Twitter Profile Photo

Some visual rules from our adidas Runtastic pictogram system — showing how the logomark and pictogram angles are related. Examples include Skateboarding, Skating, and Tennis.

Some visual rules from our <a href="/adidas/">adidas</a> Runtastic pictogram system — showing how the logomark and pictogram angles are related. Examples include Skateboarding, Skating, and Tennis.
Carlotta Govi (@carlottagovi) 's Twitter Profile Photo

Here’s a little sneak peek at our Firefox icon system design guidelines. These visual rules cover style, base grid, key shapes, metrics, and sizing, along with recommended practices and things to avoid (do’s and don’ts) 📐✨

Here’s a little sneak peek at our Firefox icon system design guidelines. These visual rules cover style, base grid, key shapes, metrics, and sizing, along with recommended practices and things to avoid (do’s and don’ts) 📐✨
Carlotta Govi (@carlottagovi) 's Twitter Profile Photo

A few icons from our Firefox Icon System, designed on a 20px grid with a 1.5px line weight: Music Note, Travel Bag, Book, Palette, Game Controller, Leaf, Heart 🦊✨

A few icons from our  Firefox Icon System, designed on a 20px grid with a 1.5px line weight:  Music Note, Travel Bag, Book, Palette, Game Controller, Leaf, Heart 🦊✨
Carlotta Govi (@carlottagovi) 's Twitter Profile Photo

Here’s a sneak peek at our Firefox icon library, featuring over 600 visual symbols in 14 sizes. Inspired by details from our typeface, this icon system is built on design and production guidelines to ensure visual consistency and proper formatting 🦊✨

Here’s a sneak peek at our Firefox icon library, featuring over 600  visual symbols in 14 sizes. Inspired by details from our typeface, this  icon system is built on design and production guidelines to ensure  visual consistency and proper formatting 🦊✨