<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="FeedCreator 1.8" -->
<?xml-stylesheet href="https://wiki.bzz.ch/lib/exe/css.php?s=feed" type="text/css"?>
<rdf:RDF
    xmlns="http://purl.org/rss/1.0/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel rdf:about="https://wiki.bzz.ch/feed.php">
        <title>BZZ - Modulwiki - modul:m293:tutorials:more-html-css:icons</title>
        <description></description>
        <link>https://wiki.bzz.ch/</link>
        <image rdf:resource="https://wiki.bzz.ch/_media/wiki/logo.png" />
       <dc:date>2026-04-10T14:23:18+00:00</dc:date>
        <items>
            <rdf:Seq>
                <rdf:li rdf:resource="https://wiki.bzz.ch/modul/m293/tutorials/more-html-css/icons/start?rev=1711631267&amp;do=diff"/>
            </rdf:Seq>
        </items>
    </channel>
    <image rdf:about="https://wiki.bzz.ch/_media/wiki/logo.png">
        <title>BZZ - Modulwiki</title>
        <link>https://wiki.bzz.ch/</link>
        <url>https://wiki.bzz.ch/_media/wiki/logo.png</url>
    </image>
    <item rdf:about="https://wiki.bzz.ch/modul/m293/tutorials/more-html-css/icons/start?rev=1711631267&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2024-03-28T13:07:47+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>Icons auf Website verwenden</title>
        <link>https://wiki.bzz.ch/modul/m293/tutorials/more-html-css/icons/start?rev=1711631267&amp;do=diff</link>
        <description>Icons auf Website verwenden

Icons in eine Webseite einzufügen ist nicht schwer. Aber wenn man Texte und Icons kombiniert (z.B. für einen Button) oder wenn die Icons in der Grösse veränderbar sein sollen, dann wird es schwierig.

Die Lösung für dieses Problem sind &lt;div&gt;
&lt;pre class=&quot;prettyprint lang-javascript&quot;&gt;
&amp;lt;script src=&quot;https://unpkg.com/ionicons@4.4.2/dist/ionicons.js&quot;&gt;&amp;lt;/script&gt;
&lt;/pre&gt;
&lt;/div&gt;&lt;div&gt;
&lt;pre class=&quot;prettyprint lang-html&quot;&gt;
&amp;lt;ion-icon name=&quot;heart&quot;&gt;&amp;lt;/ion-icon&gt; I love icon…</description>
    </item>
</rdf:RDF>
