Grid

The Grid serves as orientation for the size of the emojis. If possible your emojis should stay inside the Grid, but for edge cases there are 4px of padding, that can be used.

Basic Forms

The four basic forms define the possible extents, aiming to visually balance every icon. They don't always have to be fully filled.

Special cases are the “Emoji Faces”. They are placed inside a smaller circle to leave space for additions, such as tears or hands.

Examples

Basic Circles

Basic circles should give a consistent look to the entire set. Parts of the circles can also be used for rounded corners or wavy forms.

Examples

Contour

The stroke settings are: 2px weight, round corners and ends. Two overlapping contours should have a minimum gap of 2px.

Open contour

The open contours give a nice dynamic look and should be used for overlapping lines or perspective.

Perspective

All objects should be displayed 2-dimensionally in a frontal view. For better distinction, an orthographic projection can also be used in exceptional cases.

Color

Please aim to use mainly the primary colors. Default is the lighter version. The darker color is for shadowing. The four secondary colors should only be used in special cases.

Primary Colors

Secondary Colors

Shadow

The lighter color should be used for the fill, the darker color for the shading.

Typography

We provide a custom font for emojis that has to contain typographic elements. Please use it for any text.

Topics

People

Full Body

People are illustrated without clothing. Their legs are narrowing down. Armes are displayed as a single line. Static people are portrayed from the front, moving people from the side. Any complexity of objects with a lot of overlapping forms should be reduced.

Bust

The face is elliptical. There is no neck, but there is a gap between head and shoulders. The Eyes are in the middle of the head. For a neutral look, the mouth should align to the centre point of the eyes.

Hands

The thumb runs converges slightly at the end. The lower side of the hand is rounded. Fingers have a width of 7px.

Arrows

The arrow head is made out of one basic form.

Arrows are doubled lined for every emoji. For special cases e.g. icons for user interfaces, a single line is possible as well.

Buildings

Buildings are shown from the front with an entrance door. Details should be reduced strongly.

Animals and Plants

Plants are illustrated organically. Stems should always be a single line. Animals with a big body are illustrated from the side. The body shape should be organic, but not oversimplified.

Vehicles

Vehicles should be deduced from the shapes of real world models to avoid a toyish look. Vehicles are illustrated from the side. Tires are placed on the vehicles' bottom line.

Submission

SVG File Specification

File Name:
Unicode.svg

Example:
1F469-200D-1F680.svg

Mandatory layers:
line
hair
skin-shadow
color
grid

Special Layers

You might run into situations where you need special layers, such as color-foreground or line-supplement. Both are optional and should only be used if really necessary.

color-foreground
The red frame of the bike has to be in the foreground. Therefore add a "color-foreground" layer and put it before "line" layer.

line-supplement
The black line of the exploding head has to be underneath the "color" layer. Therefore add a "line-supplement" layer and put it behind the "color" layer.

Export

1. Click File > Export > Export for Screens

2. Click "gear" icon

3. Set "Format Settings" for SVG

Templates

Haftungsausschluss (Disclaimer)

Prof. Daniel Utz &
Prof. Benedikt Groß
Room: H2.19

Hochschule für Gestaltung
Schwäbisch Gmünd
Rektor-Klaus-Straße 100
73525 Schwäbisch Gmünd
Germany

Daniel DÖT Utz ÄT hfg DÄSH gmuend DÖT de
Benedikt DÖT Gross ÄT hfg DÄSH gmuend DÖT de

Haftung für Inhalte

Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.


Haftung für Links

Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.


Urheberrecht

Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.


Datenschutzerklärung

Die Nutzung unserer Webseite ist in der Regel ohne Angabe personenbezogener Daten möglich. Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder eMail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten werden ohne Ihre ausdrückliche Zustimmung nicht an Dritte weitergegeben.

Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich.

Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdrücklich widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails, vor.


Quellenangaben: e-recht24.de