<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>icons Archives &#8212; Stampede: the strategic design &amp; technology company</title>
	<atom:link href="https://stampede-design.com/blog/tag/icons/feed/" rel="self" type="application/rss+xml" />
	<link>https://stampede-design.com/blog/tag/icons/</link>
	<description>We are creating better worlds though thoughtful design and technology. Connect with us!</description>
	<lastBuildDate>Tue, 07 Apr 2026 09:03:49 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.5</generator>

<image>
	<url>https://stampede-design.com/wp-content/uploads/2024/02/cropped-Stampede-Favicon-old-32x32.png</url>
	<title>icons Archives &#8212; Stampede: the strategic design &amp; technology company</title>
	<link>https://stampede-design.com/blog/tag/icons/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Fontello As My Favourite Font Icon Service</title>
		<link>https://stampede-design.com/blog/fontello-as-my-favourite-font-icon-service/</link>
					<comments>https://stampede-design.com/blog/fontello-as-my-favourite-font-icon-service/#comments</comments>
		
		<dc:creator><![CDATA[Syazwan Hakim]]></dc:creator>
		<pubDate>Fri, 30 May 2014 17:05:16 +0000</pubDate>
				<category><![CDATA[Field Notes]]></category>
		<category><![CDATA[design tools]]></category>
		<category><![CDATA[font icons]]></category>
		<category><![CDATA[front-end development]]></category>
		<category><![CDATA[icons]]></category>
		<category><![CDATA[ui]]></category>
		<guid isPermaLink="false">https://stampede-design.com/blog/?p=5222</guid>

					<description><![CDATA[<p>Years ago, cropping icons for website is no fun as well as time consuming. Fortunately, with many font icon services out there, this is no longer the case. Syazwan elaborates on his favourite service, Fontello.</p>
<p>The post <a href="https://stampede-design.com/blog/fontello-as-my-favourite-font-icon-service/">Fontello As My Favourite Font Icon Service</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p class="lead">As a front end developer, cropping an icon for website is no fun and it is also a time consuming process. Fortunately, that was 3-4 years ago.</p>
<p>Nowadays, there are quite a number of font icons provider out there. To name a few, they are <a href="http://fortawesome.github.io/Font-Awesome/icons/" target="_blank">Font Awesome</a>, <a href="http://icomoon.io/" target="_blank">IcoMoon</a> and <a href="http://typicons.com/" target="_blank">Typeicons</a>. Most of them provided different icon packs.</p>
<p>Out of all font icons available, I&#8217;ll easily pick <a href="http://fontello.com" target="_blank">Fontello </a>as my favourite in the pack.</p>
<h2>Why Fontello?</h2>
<p>I found out that out of all font icons out there, Fontello <strong>provides most of the icons from other providers</strong> such Fontalico, Font Awesome, Entypo, etc. This gives me a lot of icons variations for use, and I am not the one who believes in the saying do not be spoiled by choice.</p>
<div class="full"><img decoding="async" class="alignnone size-full wp-image-5228" src="https://stampede-design.com/wp-content/uploads/2018/02/Screenshot-on-5.22.2014-at-10.22.jpg" alt="fontello font icons" /></div>
<p>With Fontello service, I can even use my own icon as well. What I need to do is just create a svg format icon and drag it on the section provided. Easy peasy.</p>
<div class="full"><img fetchpriority="high" decoding="async" width="498" height="102" class="alignnone size-full wp-image-5229" src="https://stampede-design.com/wp-content/uploads/2014/05/Screenshot-on-5.22.2014-at-10.26.35-PM.png" alt="svg fontello" srcset="https://stampede-design.com/wp-content/uploads/2014/05/Screenshot-on-5.22.2014-at-10.26.35-PM.png 498w, https://stampede-design.com/wp-content/uploads/2014/05/Screenshot-on-5.22.2014-at-10.26.35-PM-300x61.png 300w" sizes="(max-width: 498px) 100vw, 498px" /></div>
<p>Another part of Fontello that I love is that the ability to <strong>choose just the icons you need. </strong></p>
<p>Other font icon providers come with CSS that include all icons. Whilst using Fontello, I just need to choose only the icon(s) that I will need to use.</p>
<div class="full"><img decoding="async" width="395" height="291" class="alignnone size-full wp-image-5233" src="https://stampede-design.com/wp-content/uploads/2014/05/Screenshot-on-5.22.2014-at-10.31.03-PM.png" alt="fontello choice" srcset="https://stampede-design.com/wp-content/uploads/2014/05/Screenshot-on-5.22.2014-at-10.31.03-PM.png 395w, https://stampede-design.com/wp-content/uploads/2014/05/Screenshot-on-5.22.2014-at-10.31.03-PM-300x221.png 300w" sizes="(max-width: 395px) 100vw, 395px" /></div>
<p>Let&#8217;s also say if I need to add new icons in the future, I just need to import config.json (this comes with the file that you&#8217;ve downloaded from Fontello) on Fontello and it will highlight the icon that I have chosen on particular project.</p>
<div class="full"><img decoding="async" width="401" height="144" class="alignnone size-full wp-image-5235" src="https://stampede-design.com/wp-content/uploads/2014/05/Screenshot-on-5.22.2014-at-10.36.36-PM.png" alt="fontello js config" srcset="https://stampede-design.com/wp-content/uploads/2014/05/Screenshot-on-5.22.2014-at-10.36.36-PM.png 401w, https://stampede-design.com/wp-content/uploads/2014/05/Screenshot-on-5.22.2014-at-10.36.36-PM-300x108.png 300w" sizes="(max-width: 401px) 100vw, 401px" /></div>
<p>Best of all, Fontello is also <strong>highly customisable.</strong> You can easily change class for your icons and use your own font name with Fontello, as shown in these examples &#8211; changing class name followed by changing font name.</p>
<div class="full"><img loading="lazy" decoding="async" width="344" height="329" class="alignnone size-full wp-image-5236" src="https://stampede-design.com/wp-content/uploads/2014/05/Screenshot-on-5.22.2014-at-10.41.18-PM.png" alt="class name fontello" srcset="https://stampede-design.com/wp-content/uploads/2014/05/Screenshot-on-5.22.2014-at-10.41.18-PM.png 344w, https://stampede-design.com/wp-content/uploads/2014/05/Screenshot-on-5.22.2014-at-10.41.18-PM-300x287.png 300w, https://stampede-design.com/wp-content/uploads/2014/05/Screenshot-on-5.22.2014-at-10.41.18-PM-32x32.png 32w" sizes="(max-width: 344px) 100vw, 344px" /></div>
<div class="full"><img loading="lazy" decoding="async" width="347" height="150" class="alignnone size-full wp-image-5237" src="https://stampede-design.com/wp-content/uploads/2014/05/Screenshot-on-5.22.2014-at-10.38.37-PM.png" alt="change font name fontello" srcset="https://stampede-design.com/wp-content/uploads/2014/05/Screenshot-on-5.22.2014-at-10.38.37-PM.png 347w, https://stampede-design.com/wp-content/uploads/2014/05/Screenshot-on-5.22.2014-at-10.38.37-PM-300x130.png 300w" sizes="(max-width: 347px) 100vw, 347px" /></div>
<p>What do you think? Do you also prefer Fontello over other font icons or are there some font icons out there that caught your fancy? I am interested to hear all about it. Comments below!</p>
<p>The post <a href="https://stampede-design.com/blog/fontello-as-my-favourite-font-icon-service/">Fontello As My Favourite Font Icon Service</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://stampede-design.com/blog/fontello-as-my-favourite-font-icon-service/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
	</channel>
</rss>
