https://hugo-liftoff.kevinhorst.de/de/tags/icons/Recent content in Icons on LiftoffHugodeFri, 12 Jun 2026 00:00:00 +0000https://hugo-liftoff.kevinhorst.de/de/articles/icons-without-a-build-step/Fri, 12 Jun 2026 00:00:00 +0000https://hugo-liftoff.kevinhorst.de/de/articles/icons-without-a-build-step/<p>Icon-Fonts liefern jede Glyphe an jeden Besucher aus. Sprite-Sheets brauchen einen Build-Schritt und eine Namenskonvention, die sich niemand merkt. Liftoff geht einen dritten Weg: Jedes Icon wird während des Hugo-Builds von der Iconify-API geladen und als SVG eingebettet.</p> <div class="codeblock"> <div class="codeblock__head"> <span class="codeblock__lang">go-html-template</span> <button type="button" class="codeblock__copy" data-action="copy-code" aria-label="Kopieren">Kopieren</button> </div> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go-html-template" data-lang="go-html-template"><span class="line"><span class="cl"><span class="cp">{{</span><span class="w"> </span><span class="nx">partial</span><span class="w"> </span><span class="s">&#34;icon.html&#34;</span><span class="w"> </span><span class="s">&#34;simple-icons:codeberg&#34;</span><span class="w"> </span><span class="cp">}}</span></span></span></code></pre></div> </div> <p>Jedes Set auf Iconify funktioniert, adressiert als <code>set:name</code>. Ein Name ohne Präfix landet bei den Material Design Icons, <code>check</code> und <code>mdi:check</code> sind also dasselbe Icon.</p>