Icons and icon template tag

lostplaces/lostplaces_app/templates/place/place_detail.html

@@ -1,10 +1,13 @@
 {% extends 'global.html'%}
+
 {% load static %}
+{% load thumbnail %}
+{% load svg_icon %}
+
 {% block additional_head %}
 <link rel="stylesheet" href="{% static 'maps/ol.css' %}" type="text/css">
 <script src="{% static 'maps/ol.js' %}"></script>
 {% endblock additional_head %}
-{% load thumbnail %}
 
 {% block title %}{{place.name}}{% endblock %}
 
@@ -59,19 +62,9 @@
 						<span class="LP-Text">{{photo_album.label}}</span>
 					</a>
 					{% if user == photo_album.submitted_by or user ==  place.submitted_by %}
-					<a href="google.com" class="LP-Link LP-LinkList__ItemHover">
+					<a href="google.com" class="LP-Link LP-LinkList__ItemHover" title="Delete Photo Album">
 						<div class="RV-Iconized__Container RV-Iconized__Container--small">
-							<svg class="RV-Iconized__Icon" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
-								<g>
-									<g>
-										<path d="M284.286,256.002L506.143,34.144c7.811-7.811,7.811-20.475,0-28.285c-7.811-7.81-20.475-7.811-28.285,0L256,227.717
-					L34.143,5.859c-7.811-7.811-20.475-7.811-28.285,0c-7.81,7.811-7.811,20.475,0,28.285l221.857,221.857L5.858,477.859
-					c-7.811,7.811-7.811,20.475,0,28.285c3.905,3.905,9.024,5.857,14.143,5.857c5.119,0,10.237-1.952,14.143-5.857L256,284.287
-					l221.857,221.857c3.905,3.905,9.024,5.857,14.143,5.857s10.237-1.952,14.143-5.857c7.811-7.811,7.811-20.475,0-28.285
-					L284.286,256.002z" />
-									</g>
-								</g>
-							</svg>
+							{% icon 'trash' className="RV-Iconized__Icon" %}
 						</div>
 					</a>
 					{% endif %}

lostplaces/lostplaces_app/templates/svg_icon/icon.html

@@ -0,0 +1,5 @@
+<svg width="{{ width }}" height="{{ height }}" viewBox="{{viewBox}}" class="svg{% if className %} {{ className }}{% endif %}">
+	{% for path in paths %}
+    <path d="{{ path }}"></path>
+    {% endfor %}
+</svg>