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 use 4px of padding.

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.

grid

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

emoji

Examples

grid

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.

circles

Examples

basic

Contour

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

contour

Open contour

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

contour

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.

perspective

Color

Please aim to mainly use the primary colors. Use the lighter colours as default colours and reserve the darker colors for shadowing. The four secondary colors should only be used in special cases.

Primary Colors

primary

Secondary Colors

secondary

Shadow

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

shadows

Typography

We provide a custom font for emojis which have to contain typographic elements. Please use it for all text.

typography

Topics

People

people
Full Body

People are pictured without clothing. Narrow their legs at the bottom. Arms are drawn as a single line. Static people are portrayed from the front, moving people from the side. Complex objects with a lot of overlapping forms should be simplified.

body
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 center point of the eyes.

bust
Hands

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

hands

Arrows

The arrow head is made out of one basic form.

arrows

Arrows use double lines for every emoji. For special cases (e.g. icons for user interfaces), a single line is possible as well.

arrows

Buildings

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

buildings

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 simplified too much.

plants-animals

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 bottom line of the vehicle.

vehicles

Submission

SVG File Specification

File Name:
Unicode.svg

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

Mandatory layers:
line
hair
skin-shadow
color
grid

structure

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.

bicycles

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.

explodinghead

Export

1. Click File > Export > Export for Screens

2. Click "gear" icon

3. Set "Format Settings" for SVG

Export

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