diff --git a/src/main/webapp/directives/category.html b/src/main/webapp/directives/category.html
index a5ad7a6a..c5494d68 100644
--- a/src/main/webapp/directives/category.html
+++ b/src/main/webapp/directives/category.html
@@ -17,7 +17,7 @@
 		  	</div>
 		  	<a ng-click="feedClick({id: feed.id})" class="feed-link"
 			   ng-class="{selected: (feed.id == selectedId && selectedType == 'feed'), unread: feed.unread }">
-			   <img ng-src="favicon?url={{feed.feedUrl}}" width="16" height="16"></img>
+			   <favicon url="feed.feedUrl" />
 			   {{formatFeedName({feed:feed})}}
 			</a>
 		</li>
diff --git a/src/main/webapp/js/directives.js b/src/main/webapp/js/directives.js
index a2c7758e..dcdf2aef 100644
--- a/src/main/webapp/js/directives.js
+++ b/src/main/webapp/js/directives.js
@@ -1,6 +1,17 @@
 var module = angular.module('commafeed.directives', []);
 
-app.directive('ngBlur', function() {
+module.directive('favicon', function() {
+	return {
+		restrict : 'E',
+		scope : {
+			url : '='
+		},
+		replace : true,
+		template : '<img ng-src="favicon?url={{url}}" width="16" height="16"></img>'
+	}
+});
+
+module.directive('ngBlur', function() {
 	return {
 		restrict : 'A',
 		link : function(scope, elm, attrs) {