Iconion: Neues Tool konvertiert Icon-Fonts zu Icon-Dateien

Icon-Fonts sind klar auf dem Vormarsch. Die Vorteile liegen auf der Hand. Auch hier bei Dr. Web haben wir uns schon mehr als einmal damit beschäftigt. Natürlich ist es sinnvoller, einfach einen Font einzubetten und selektiv zu nutzen, als mit einer großen Zahl an Einzel-Icons in unterschiedlichen Auflösungen oder mehr oder weniger großen Sprites zu arbeiten. Ein Font mit allen Icons in beliebiger Auflösung, stets knackescharf, egal ob auf HiDPI-27" oder dem iPhone ist interessant. Alle sind zufrieden. Im Prototyping sieht die Sache dann weniger schön aus. Sicherlich, es gibt für jeden mir bekannten Web-Font auch eine Desktop-Variante, aber das Handling ist nicht ganz einfach und editieren lassen sich die Icons auch nicht. Mit Iconion tritt ein neues Werkzeug an, das die Umwandlung von Piktogrammen aus Icon-Fonts in einzelne Icon-Dateien ermöglicht. Besonders die Bearbeitungsmöglichkeit ist der Knaller…

iconion-landing-page

Iconion: Icon-Design ganz einfach

Zum jetzigen Zeitpunkt steht Iconion als kostenloser Download für Windows zur Verfügung. Eine Version für Mac OSX ist nach Angaben der Entwickler in Arbeit. Nachdem man den Download und die Installation aus dem rund 19 MB schweren Archiv hinter sich gebracht hat, lächelt einem diese simple UI entgegen.

iconion-glass-icons

Im linken Drittel der Anwendungsoberfläche finden Sie die populären Icon-Fonts Typeicons, Linecons, Font Awesome und Entypo. Aus diesen Beständen können Sie Icons zur Bearbeitung wählen. Künftige Versionen von Iconion sollen mit beliebigen Symbol-Fonts arbeiten können. Derzeit ist diese Funktionalität, anders als es die Website des Projekts suggeriert, nicht gegeben. Hat man ein Icon gewählt, wird es im mittleren Bildschirmbereich angezeigt. Einer der Styles aus dem rechten Fensterdrittel ist dann bereits zur Anwendung gelangt.

Es war dieser Styles-Bereich, der mich direkt begeisterte. Derzeit kann man zwischen 31 Styles wählen. Ein Style ist eine Art Designvorlage, mit der das Icon bearbeitet wird, vergleichbar mit einer Photoshop-Action. Von kresirunden Icons, über den dunnemals populären Glass Look hin zu Long Shadows, quadratischen Symbolen und dem iOS7-Stil ist alles vertreten, was Rang und Namen hat. Ein Editor unterhalb der Styles-Sektion erlaubt die komplette Veränderung aller vorgefertigten Styles. Auf diese Weise sind Ihrer Fantasie keine Grenzen gesetzt.

iconion-in-action

Alle Bildsymbole, an denen man gearbeitet hat, werden unterhalb des Vorschaubereichs gesammelt, so dass man sie im Nachgang in einem Rutsch downloaden kann. Icons können in vordefinierten Größen von 14 bis 1024 Pixel im Quadrat oder in einer benutzerdefinierten Auflösung gespeichert werden. Ich versuchte es mit einem Wert von 5200 Pixeln und es funktionierte, wenn auch mit leichter Verzögerung, einwandfrei. Speichern lassen sich die Symbole dann als PNG, JPG oder BMP.

Iconion: Noch unentschlossen hinsichtlich der Lizensierung

Obschon mich Iconion direkt zu begeistern verstand und ich bereits etliche Kreationen damit erstellt habe, die mich ansonsten Stunden gekostet hätten, fiel mir eine Sache schon während der Installation negativ auf.

Im Rahmen der Installation scrollte ich gewohnheitsmäßig durch die Lizenzbedingungen und stutzte. Obwohl die Betreiber überall von "free" sprechen, musste ich anderslautende ToS abnicken. Darin war auf einmal die Rede von zwei verschiedenen Lizenzen. Die eine sprach von kostenloser Nutzung für nicht-kommerzielle Zwecke. Die andere sprach vom Erfordernis einer "kommerziellen" Lizenz, sollte man das Tool irgendwie mit dem Ziel des Geldverdienens nutzen. Die Website bot mir keine weiteren Informationen. Nirgends war die Rede von zwei Lizenzen, nirgends gab es Informationen zu Preisen. Also wandt ich mich direkt an die Entwickler, die einige Tage brauchten, um mir zu antworten.

Die Antwort, die mich am heutigen Tage erreichte, ist vage. Danach sei man sich noch nicht schlüssig, ob und wenn ja wie man eine kommerzielle Lizenz einführen wolle. Man habe daher zunächst beschlossen, die aktuelle Version komplett freizugeben und auch die ToS während der Installation zu bereinigen. Aktuelle Downloads verlangen dementsprechend nicht mehr, sich auf die nicht-kommerzielle Nutzung festzulegen, wenn man Iconion nutzt.

Weitere Informationen gibt es nicht. Bleibt Iconion mit dem jetzigen Feature-Set kostenlos? Keine Ahnung.

Bringen wir es auf den Punkt: Iconion ist ziemlich grandios und sehr einfach in der Verwendung. Es liefert großartige Ergebnisse in beliebiger Auflösung. Es arbeitet derzeit aber nicht, wie an sich annonciert, mit jedem Symbol-Font, sondern nur mit den vier fest eingebauten. Und die Lizenz ist perspektivisch unklar. Kostenlos, ja oder nein? Über welchen Preis sprechen wir? Alles unbekannt. Dennoch empfehle ich Ihnen, sich selbst ein Urteil zu bilden. Funktional ist Iconion kaum zu kritisieren.

Links zum Beitrag:

ist seit 1994 im Netz unterwegs, aber bereits seit über 30 Jahren in der IT daheim. Seit Anfang des neuen Jahrtausends schreibt er für diverse Medien, hauptsächlich zu den Themenfeldern Technik und Design. Man findet ihn auch auf Twitter und Google+.

Sortiert nach:   neueste | älteste | beste Bewertung
ati
Gast
ati
2 Jahre 2 Monate her

OT: Oft verwendet, trotzdem falsch, so geht´s richtig: http://www.duden.de/suchen/dudenonline/lizenzierung ;-)

Manfred Leitenberger
Gast
2 Jahre 2 Monate her

Das ist mal ein sehr guter Tipp. Ich habe die Software installiert und bin
echt hin und weg. Endlich tolle Icons für die Webseiten meiner Kunden ohne grossen Aufwand. Klasse!!

TheRiddler
Gast
TheRiddler
2 Jahre 2 Monate her

PNG, JPG oder BMP…

Hm. SVG hätte es dann ja schon sein können.

Mirco
Gast
Mirco
2 Jahre 2 Monate her

Danke für den Tipp.
Mac-Version steht inzwischen auch zur Verfügung.

Andreas K.
Gast
2 Jahre 2 Monate her

Also wenn man Icons für verschiedene Auflösung braucht sollte man sich SVG angucken. Das Ist ein Vektorformat – eine Datei für beliebige Auflösungen.

Pixel-Icon-Editoren gibt es wie Sand am Meer. Besser wäre es gewesen wenn der Editor die Icons als CSS ausgibt (Icon als Font/SVG + Hintergrund per CSS) – Die Vorlagen die ich dort sehe sind ja relativ simpel. Oder gleich als SVG

Martin
Gast
1 Jahr 8 Monate her

ich denke umgekehrt wird ’nen Schuh draus. Ich will ein Online-Tool zur Erstellung von Icons für Android bereitstellen. Leider waren die Google-Mitarbeiter bei der Entwicklung von Android (obwohl es das schon gab) Icons als SVG zu unterstützen.
Ergo => pixelige png’s für 4 (bald 5) verschiedene Auflösungen. Wär‘ ich rfoh, wenn das per SVG ginge…

Martin
Gast
1 Jahr 8 Monate her

p.s. hab‘ gerade Fehler in meinem Kommentar festgestellt, kann sie aber nach dem Abschicken nicht mehr korrigieren. Wär‘ nett von Euch sowas einzubauen (evtl. 5 min. Korrekturzeit)

Taurus57
Gast
1 Jahr 4 Monate her
Inzwischen ist fast ein Jahgr vergangen – vielleicht war die Situation ja seinerzeit noch so unklar, wie im Artikel beschrieben. Mittlerweile findet man jedenfalls vor, daß die kostenlose Version auf einen stark eingeschränkten Funktionsumfang limitiert ist: die meisten „Styles“ haben ein kleines Vorhängeschloß-Symbol und sind der kostenpflichtigen Version vorbehalten. Wieviel Font geladen werden können, habe ich gar nicht erst ausprobiert. Das Lock-Angebot ist mir zu primitiv. Obendrein wird gleich mal eine „Registrierung (Name, Mailadresse) verlangt, gleichzeitig aber ein Download-Link ohne Registrierung angeboten – merkwürdig. Vielmehr habe ich noch kurz durchgeklickt, was für die Vollversion verlangt wird, die auf der kostenlosen… Read more »
wpDiscuz

Mit der Nutzung unseres Angebots erklärst du dich damit einverstanden, dass wir Cookies verwenden. Weitere Informationen

Wir verwenden Cookies, um Inhalte und Anzeigen zu personalisieren, Funktionen für soziale Medien anzubieten und die Zugriffe auf unsere Website zu analysieren. Dadurch geben wir nicht personenbezogene Informationen zur Nutzung unserer Website an unsere Partner für soziale Medien, Werbung und Analysen weiter. Nähere Informationen findest du in unserer Datenschutzerklärung. Durch die Weiternutzung unserer Website (oder das ausdrückliche Klicken auf "Einverstanden") gehen wir davon aus, dass du mit der Verwendung von Cookies einverstanden bist.

Schließen