diff --git a/.gitignore b/.gitignore
index 2a14b47..286b0b4 100644
--- a/.gitignore
+++ b/.gitignore
@@ -116,5 +116,6 @@ demo.svg
 htmlcov/
 
 **/*.svg
+!examples/*.svg
 !anybadge/templates/*.svg
 test_files/
diff --git a/examples/documentation_link.svg b/examples/documentation_link.svg
new file mode 100644
index 0000000..678f728
--- /dev/null
+++ b/examples/documentation_link.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="117" height="20">
+    <linearGradient id="b" x2="0" y2="100%">
+        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
+        <stop offset="1" stop-opacity=".1"/>
+    </linearGradient>
+    <mask id="anybadge_25">
+        <rect width="117" height="20" rx="3" fill="#fff"/>
+    </mask>
+    <g mask="url(#anybadge_25)">
+        <path fill="#555" d="M0 0h20v20H0z"/>
+        <path fill="#4c1" d="M20 0h97v20H20z"/>
+        <path fill="url(#b)" d="M0 0h117v20H0z"/>
+    </g>
+    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
+        <text x="11.0" y="15" fill="#010101" fill-opacity=".3">🔗</text>
+        <text x="10.0" y="14">🔗</text>
+    </g>
+    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
+        <text x="69.5" y="15" fill="#010101" fill-opacity=".3">Documentation</text>
+        <text x="68.5" y="14">Documentation</text>
+    </g>
+</svg>
diff --git a/examples/pipeline_frown.svg b/examples/pipeline_frown.svg
new file mode 100644
index 0000000..317ff4b
--- /dev/null
+++ b/examples/pipeline_frown.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="119" height="20">
+    <linearGradient id="b" x2="0" y2="100%">
+        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
+        <stop offset="1" stop-opacity=".1"/>
+    </linearGradient>
+    <mask id="anybadge_24">
+        <rect width="119" height="20" rx="3" fill="#fff"/>
+    </mask>
+    <g mask="url(#anybadge_24)">
+        <path fill="#555" d="M0 0h99v20H0z"/>
+        <path fill="#E05D44" d="M99 0h20v20H99z"/>
+        <path fill="url(#b)" d="M0 0h119v20H0z"/>
+    </g>
+    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
+        <text x="50.5" y="15" fill="#010101" fill-opacity=".3">Pipeline status</text>
+        <text x="49.5" y="14">Pipeline status</text>
+    </g>
+    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
+        <text x="110.0" y="15" fill="#010101" fill-opacity=".3">😟</text>
+        <text x="109.0" y="14">😟</text>
+    </g>
+</svg>
diff --git a/examples/pipeline_smile.svg b/examples/pipeline_smile.svg
new file mode 100644
index 0000000..43adbd3
--- /dev/null
+++ b/examples/pipeline_smile.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="119" height="20">
+    <linearGradient id="b" x2="0" y2="100%">
+        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
+        <stop offset="1" stop-opacity=".1"/>
+    </linearGradient>
+    <mask id="anybadge_22">
+        <rect width="119" height="20" rx="3" fill="#fff"/>
+    </mask>
+    <g mask="url(#anybadge_22)">
+        <path fill="#555" d="M0 0h99v20H0z"/>
+        <path fill="#4c1" d="M99 0h20v20H99z"/>
+        <path fill="url(#b)" d="M0 0h119v20H0z"/>
+    </g>
+    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
+        <text x="50.5" y="15" fill="#010101" fill-opacity=".3">Pipeline status</text>
+        <text x="49.5" y="14">Pipeline status</text>
+    </g>
+    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
+        <text x="110.0" y="15" fill="#010101" fill-opacity=".3">😄</text>
+        <text x="109.0" y="14">😄</text>
+    </g>
+</svg>
diff --git a/examples/pipeline_smile_padding.svg b/examples/pipeline_smile_padding.svg
new file mode 100644
index 0000000..2774ee2
--- /dev/null
+++ b/examples/pipeline_smile_padding.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="129" height="20">
+    <linearGradient id="b" x2="0" y2="100%">
+        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
+        <stop offset="1" stop-opacity=".1"/>
+    </linearGradient>
+    <mask id="anybadge_23">
+        <rect width="129" height="20" rx="3" fill="#fff"/>
+    </mask>
+    <g mask="url(#anybadge_23)">
+        <path fill="#555" d="M0 0h99v20H0z"/>
+        <path fill="#4c1" d="M99 0h30v20H99z"/>
+        <path fill="url(#b)" d="M0 0h129v20H0z"/>
+    </g>
+    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
+        <text x="50.5" y="15" fill="#010101" fill-opacity=".3">Pipeline status</text>
+        <text x="49.5" y="14">Pipeline status</text>
+    </g>
+    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
+        <text x="115.0" y="15" fill="#010101" fill-opacity=".3">😄</text>
+        <text x="114.0" y="14">😄</text>
+    </g>
+</svg>
diff --git a/examples/pypi_link.svg b/examples/pypi_link.svg
new file mode 100644
index 0000000..1fb70fc
--- /dev/null
+++ b/examples/pypi_link.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="55" height="20">
+    <linearGradient id="b" x2="0" y2="100%">
+        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
+        <stop offset="1" stop-opacity=".1"/>
+    </linearGradient>
+    <mask id="anybadge_26">
+        <rect width="55" height="20" rx="3" fill="#fff"/>
+    </mask>
+    <g mask="url(#anybadge_26)">
+        <path fill="#555" d="M0 0h20v20H0z"/>
+        <path fill="#4c1" d="M20 0h35v20H20z"/>
+        <path fill="url(#b)" d="M0 0h55v20H0z"/>
+    </g>
+    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
+        <text x="11.0" y="15" fill="#010101" fill-opacity=".3">🔗</text>
+        <text x="10.0" y="14">🔗</text>
+    </g>
+    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
+        <text x="38.5" y="15" fill="#010101" fill-opacity=".3">PyPi</text>
+        <text x="37.5" y="14">PyPi</text>
+    </g>
+</svg>