.png Icon durch .svg ersetzen

[Rolf B]

Hallo Gunnar,

und es ist faszinierend, wieviel Bitmüll man vermeiden kann, wenn man die krummen Werte von Inkscape oder ähnlichem rundet und etwas an den Kontrollpunkten der Bezierkurven (das C Kommando) zupft.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140">
  <circle stroke="currentColor" stroke-width="10" cx="70" cy="70" r="60"/>
  <circle cx="69" cy="39" r="11" fill="currentColor" />
  <path fill="currentcolor"	
        d="M80 100c0 3 1.6 3.9 4 4l5 0.1v5h-38v-5l5-0.12.4-0.1 4-1 4-4v-31c0-4.4-6-4-9-3.9v-5l29-1"/>
</svg>

Der alte Path hatte

        d="m90.665 110.96c-0.069 2.73 1.211 3.5 4.327 3.82l5.008 0.1v5.12h-39.073v-5.12l5.503-0.1c3.291-0.1 4.082-1.38 4.327-3.82v-30.813c0.035-4.879-6.296-4.113-10.757-3.968v-5.074l30.665-1.105"

Sieht genauso aus. Eigentlich sogar besser. Ich habe die Viewbox um 20 Einheiten verkleinert und die Grafikelemente verschoben, damit das Icon weniger intrinsischen Rand hat. Das i war nicht zentriert, es war rechtsverschoben, während der i-Punkt zu weit links hing, das sah kippelig aus. Er ist jetzt nicht ganz über dem vertikalen Balken; die Serifenfonts, die ich mir angeschaut habe, haben den Punkt alle einen Tick nach links geschoben.

Rolf