Image editing
Gimp
Stroke selection
Bearbeiten → Pfad nachziehen/Auswahl nachziehen
Element Ausrichten
Werkzeuge → Transformationen → Ausrichten oder Shortcut Q
Form in Vektorgrafik umwandeln
Laden der Datei (transparenter Hintergrund nötig oder erstellen)
Ebene auswählen → Rechtsklick darauf → “Auswahl aus Alphakanal”. Dadurch wird alles außer der Transparenz ausgewählt.
“Auswahl” → “Nach Pfad”. Die Auswahl wurde nun in einem Pfad gespeichert.
Pfad auswählen (im gleichen Fenster wo ebenen ausgewählt werden) rechtsklick auf den Pfad → “Pfad exportieren …”.
Inkscape
Crop Document to Content:
File → Document Properties → Custom Size → Resize …
Hugin (Create Panorama)
Benutzeroberfläche → Standard auswählen
Bilder laden
Ausrichten
SVG Editor
<svg
xmlns="http://www.w3.org/2000/svg"
width="540"
height="540"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polygon points="3 15 8 12 3 9 3 15" fill="currentColor"/>
<polygon points="10 15 15 12 10 9 10 15" />
<polygon points="17 15 22 12 17 9 17 15" />
</svg>
Loading Animation
<!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
<svg width="58" height="58" viewBox="0 0 58 58" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<g transform="translate(2 1)" stroke="#333" stroke-width="1.5">
<circle cx="42.601" cy="11.462" r="5" fill-opacity="1" fill="#333">
<animate attributeName="fill-opacity"
begin="0s" dur="1.3s"
values="1;0;0;0;0;0;0;0" calcMode="linear"
repeatCount="indefinite" />
</circle>
<circle cx="49.063" cy="27.063" r="5" fill-opacity="0" fill="#333">
<animate attributeName="fill-opacity"
begin="0s" dur="1.3s"
values="0;1;0;0;0;0;0;0" calcMode="linear"
repeatCount="indefinite" />
</circle>
<circle cx="42.601" cy="42.663" r="5" fill-opacity="0" fill="#333">
<animate attributeName="fill-opacity"
begin="0s" dur="1.3s"
values="0;0;1;0;0;0;0;0" calcMode="linear"
repeatCount="indefinite" />
</circle>
<circle cx="27" cy="49.125" r="5" fill-opacity="0" fill="#333">
<animate attributeName="fill-opacity"
begin="0s" dur="1.3s"
values="0;0;0;1;0;0;0;0" calcMode="linear"
repeatCount="indefinite" />
</circle>
<circle cx="11.399" cy="42.663" r="5" fill-opacity="0" fill="#333">
<animate attributeName="fill-opacity"
begin="0s" dur="1.3s"
values="0;0;0;0;1;0;0;0" calcMode="linear"
repeatCount="indefinite" />
</circle>
<circle cx="4.938" cy="27.063" r="5" fill-opacity="0" fill="#333">
<animate attributeName="fill-opacity"
begin="0s" dur="1.3s"
values="0;0;0;0;0;1;0;0" calcMode="linear"
repeatCount="indefinite" />
</circle>
<circle cx="11.399" cy="11.462" r="5" fill-opacity="0" fill="#333">
<animate attributeName="fill-opacity"
begin="0s" dur="1.3s"
values="0;0;0;0;0;0;1;0" calcMode="linear"
repeatCount="indefinite" />
</circle>
<circle cx="27" cy="5" r="5" fill-opacity="0" fill="#333">
<animate attributeName="fill-opacity"
begin="0s" dur="1.3s"
values="0;0;0;0;0;0;0;1" calcMode="linear"
repeatCount="indefinite" />
</circle>
</g>
</g>
</svg>