<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[tag icon in front of tags]]></title><description><![CDATA[<p dir="auto">Hi <a class="plugin-mentions-user plugin-mentions-a" href="/user/phenomlab" aria-label="Profile: phenomlab">@<bdi>phenomlab</bdi></a> , you have a tag icon in front of tag words, and I believe it looks cooler.</p>
<p dir="auto">how do you achieve this?</p>
]]></description><link>https://sudonix.org/topic/205/tag-icon-in-front-of-tags</link><generator>RSS for Node</generator><lastBuildDate>Sun, 07 Jun 2026 05:17:45 GMT</lastBuildDate><atom:link href="https://sudonix.org/topic/205.rss" rel="self" type="application/rss+xml"/><pubDate>Thu, 20 Jan 2022 02:17:53 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to tag icon in front of tags on Thu, 20 Jan 2022 10:14:22 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/crazycells" aria-label="Profile: crazycells">@<bdi>crazycells</bdi></a> Hi, I use the below <span class="glossary-wrapper" title="Cascading Style Sheets" data-bs-toggle="tooltip" data-bs-placement="top"><span class="glossary-word">CSS</span></span> for this</p>
<pre><code>span.tag:before {
    content: "\f02c";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
    margin-left: 5px;
}
</code></pre>
]]></description><link>https://sudonix.org/post/2217</link><guid isPermaLink="true">https://sudonix.org/post/2217</guid><dc:creator><![CDATA[phenomlab]]></dc:creator><pubDate>Thu, 20 Jan 2022 10:14:22 GMT</pubDate></item><item><title><![CDATA[Reply to tag icon in front of tags on Thu, 20 Jan 2022 17:20:50 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/phenomlab" aria-label="Profile: phenomlab">@<bdi>phenomlab</bdi></a> said in <a href="/post/2223">tag icon in front of tags</a>:</p>
<blockquote>
<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/crazycells" aria-label="Profile: crazycells">@<bdi>crazycells</bdi></a> Are you using Font Awesome Free ? If so, try this</p>
<pre><code>span.tag:before {
    content: "\f02b";
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
    margin-left: 5px;
    font-weight: 900;
}
</code></pre>
</blockquote>
<p dir="auto">yeap, this worked <img src="https://sudonix.org/assets/plugins/nodebb-plugin-emoji/emoji/android/1f44d.png?v=9c043d314b9" class="not-responsive emoji emoji-android emoji--+1" style="height:23px;width:auto;vertical-align:middle" title=":+1:" alt="👍" /> thanks a lot.</p>
]]></description><link>https://sudonix.org/post/2224</link><guid isPermaLink="true">https://sudonix.org/post/2224</guid><dc:creator><![CDATA[crazycells]]></dc:creator><pubDate>Thu, 20 Jan 2022 17:20:50 GMT</pubDate></item><item><title><![CDATA[Reply to tag icon in front of tags on Thu, 20 Jan 2022 16:36:36 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/crazycells" aria-label="Profile: crazycells">@<bdi>crazycells</bdi></a> Are you using Font Awesome Free ? If so, try this</p>
<pre><code>span.tag:before {
    content: "\f02b";
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
    margin-left: 5px;
    font-weight: 900;
}
</code></pre>
]]></description><link>https://sudonix.org/post/2223</link><guid isPermaLink="true">https://sudonix.org/post/2223</guid><dc:creator><![CDATA[phenomlab]]></dc:creator><pubDate>Thu, 20 Jan 2022 16:36:36 GMT</pubDate></item><item><title><![CDATA[Reply to tag icon in front of tags on Thu, 20 Jan 2022 16:10:44 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/phenomlab" aria-label="Profile: phenomlab">@<bdi>phenomlab</bdi></a> for me, it shows a vegetable <img src="https://sudonix.org/assets/plugins/nodebb-plugin-emoji/emoji/android/1f604.png?v=9c043d314b9" class="not-responsive emoji emoji-android emoji--smile" style="height:23px;width:auto;vertical-align:middle" title=":D" alt="😄" /> lol<br />
how can I fix this? Thanks a lot.</p>
<p dir="auto"><img src="/assets/uploads/files/1642695016348-screen-shot-2022-01-20-at-11.08.22-am.png" alt="Screen Shot 2022-01-20 at 11.08.22 AM.png" class=" img-fluid img-markdown" /></p>
]]></description><link>https://sudonix.org/post/2222</link><guid isPermaLink="true">https://sudonix.org/post/2222</guid><dc:creator><![CDATA[crazycells]]></dc:creator><pubDate>Thu, 20 Jan 2022 16:10:44 GMT</pubDate></item><item><title><![CDATA[Reply to tag icon in front of tags on Thu, 20 Jan 2022 10:14:22 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/crazycells" aria-label="Profile: crazycells">@<bdi>crazycells</bdi></a> Hi, I use the below <span class="glossary-wrapper" title="Cascading Style Sheets" data-bs-toggle="tooltip" data-bs-placement="top"><span class="glossary-word">CSS</span></span> for this</p>
<pre><code>span.tag:before {
    content: "\f02c";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
    margin-left: 5px;
}
</code></pre>
]]></description><link>https://sudonix.org/post/2217</link><guid isPermaLink="true">https://sudonix.org/post/2217</guid><dc:creator><![CDATA[phenomlab]]></dc:creator><pubDate>Thu, 20 Jan 2022 10:14:22 GMT</pubDate></item></channel></rss>