Live-Lint
Vorschau im Kontext
Fox-ify
Füge ein beliebiges SVG ein oder lege es hier ab. Es wird auf das 24er-Raster übertragen, Füllungen werden zu Strichen, Transformationen werden eingerechnet und Punkte rasten ein, bis es die Icon-Regeln erfüllt.
Skizzensuche
Zeichne eine grobe Form. Die 24 ähnlichsten Icons erscheinen schon während des Zeichnens, direkt auf der Seite anhand eines Formindex des ganzen Sets sortiert.
Deine Striche bleiben auf diesem Gerät: Nichts wird hochgeladen, die Skizze wird mit einem vorberechneten Index aller Icons verglichen.
Fusion
Klicke in der Vorschau auf ein Teil, um es auszuwählen, und ziehe es dann oder nutze die Pfeiltasten.
Bewegung
Eine Zeitleiste pro Element eines Icons. Klicke auf eine Spur, um einen Keyframe hinzuzufügen, ziehe ihn, um ihn zu verschieben, und exportiere das Ergebnis für jedes Paket.
Keyframe
Marken-Kit
Passe das ganze Set an deine Marke an und exportiere es einsatzbereit.
Inhalt der ZIP-Datei
- svg/ mit jedem Icon in einer eigenen angepassten SVG-Datei
- sprite.svg und icons.css mit den CSS-Variablen der Marke
- favicon/ mit favicon.ico, PNGs in 16, 32, 180, 192 und 512, maskierbaren Icons und einem Web-Manifest
- app/ mit Icons für die App-Stores und dem Vordergrund für adaptive Android-Icons
- package.json, index.js und Typdefinitionen, bereit zur Veröffentlichung
3D-Hero
Ein Name, eine Fusion wie cloud&lock:overlap oder ein Modifikator wie file+check. Kein Icon trägt diesen Namen.
Reduzierte Bewegung ist aktiviert, daher bleibt die automatische Drehung aus.
three.js wird geladen
PNG exportieren
three.js wird von jsDelivr geladen, sobald du diesen Tab öffnest. three@0.186.1
Sammlung
Icons, die du zeichnest, mit Fox-ify umwandelst oder verschmilzt, werden in diesem Browser gespeichert.
Hier ist noch nichts. Zeichne ein Icon im Editor, wandle ein SVG mit Fox-ify um oder speichere eine Fusion.