diff --git a/README.md b/README.md
index 7748259..a5b18fc 100644
--- a/README.md
+++ b/README.md
@@ -41,10 +41,11 @@ swaggerOptions: { // passed to SwaggerUi()
   defaultModelRendering: 'schema',
   showRequestHeaders: false,
   swaggerVersion: 'x.x.x' // read from package.json,
-
 },
 routePrefix: '/docs', // route where the view is returned
 hideTopbar: false, // hide swagger top bar
+favicon16: '/favicon-16x16.png', // default icon 16x16, set for self icon
+favicon32: '/favicon-32x32.png', // default icon 32x32, set for self icon
 ```
 
 ## example
diff --git a/lib/favicon-16x16.png b/lib/favicon-16x16.png
new file mode 100644
index 0000000..0f7e13b
Binary files /dev/null and b/lib/favicon-16x16.png differ
diff --git a/lib/favicon-32x32.png b/lib/favicon-32x32.png
new file mode 100644
index 0000000..b0a3352
Binary files /dev/null and b/lib/favicon-32x32.png differ
diff --git a/lib/index.hbs b/lib/index.hbs
index ad6fb13..f0a9a4c 100644
--- a/lib/index.hbs
+++ b/lib/index.hbs
@@ -5,8 +5,8 @@
   <title>{{title}}</title>
   <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Source+Code+Pro:300,600|Titillium+Web:400,600,700" rel="stylesheet">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/swagger-ui/{{swaggerVersion}}/swagger-ui.css">
-  <link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" />
-  <link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" />
+  <link rel="icon" type="image/png" href="{{favicon32}}" sizes="32x32" />
+  <link rel="icon" type="image/png" href="{{favicon16}}" sizes="16x16" />
   <style>
     html
     {
diff --git a/lib/index.js b/lib/index.js
index 9ad7c26..591c6df 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -16,9 +16,15 @@ const defaultOptions = {
   routePrefix: '/docs',
   swaggerVersion: json.devDependencies['swagger-ui-dist'],
   hideTopbar: false,
+  favicon16: '/favicon-16x16.png',
+  favicon32: '/favicon-32x32.png',
 };
 
 module.exports = function koaSwagger(config) {
+  const extFavicon16 = config && config.favicon16;
+  const extFavicon32 = config && config.favicon32;
+  const favicon16Path = path.join(__dirname, defaultOptions.favicon16);
+  const favicon32Path = path.join(__dirname, defaultOptions.favicon32);
   const options = defaultsDeep(config || {}, defaultOptions);
   Handlebars.registerHelper('json', context => JSON.stringify(context));
   Handlebars.registerHelper('strfnc', fnc => fnc);
@@ -31,6 +37,16 @@ module.exports = function koaSwagger(config) {
       ctx.body = index(options);
       return true;
     }
+    if (!extFavicon16 && ctx.path === defaultOptions.favicon16) {
+      ctx.type = 'image/png';
+      ctx.body = fs.createReadStream(favicon16Path);
+      return true;
+    }
+    if (!extFavicon32 && ctx.path === defaultOptions.favicon32) {
+      ctx.type = 'image/png';
+      ctx.body = fs.createReadStream(favicon32Path);
+      return true;
+    }
     return next();
   };
 };
diff --git a/test/index.spec.js b/test/index.spec.js
index 4e9f7c4..0898db6 100644
--- a/test/index.spec.js
+++ b/test/index.spec.js
@@ -24,4 +24,16 @@ describe('koa2-swagger-ui', function() {
       .expect('Content-Type', 'text/css')
       .expect(200);
   });
+  it('should return icon16x16', function() {
+    return request(app.callback())
+      .get('/favicon-16x16.png')
+      .expect('Content-Type', /png/)
+      .expect(200);
+  });
+  it('should return icon32x32', function() {
+    return request(app.callback())
+      .get('/favicon-32x32.png')
+      .expect('Content-Type', /png/)
+      .expect(200);
+  });
 });