diff --git a/partials/html/section/info.hbs b/partials/html/section/info.hbs
new file mode 100644
index 0000000..e7a97de
--- /dev/null
+++ b/partials/html/section/info.hbs
@@ -0,0 +1,11 @@
+{{#has 'info.brief'}}
+<hr>
+<section id="summary">
+  {{#> header-info }}
+    {{> header-icon _title="About" _section="info" _hdricon=(lookup . '_icon') }}
+  {{/header-info}}
+  {{#> body-info }}
+    {{{ r.info.brief }}}
+  {{/body-info}}
+</section>
+{{/has}}
diff --git a/partials/md/section/info.hbs b/partials/md/section/info.hbs
new file mode 100644
index 0000000..900069b
--- /dev/null
+++ b/partials/md/section/info.hbs
@@ -0,0 +1 @@
+{{#has 'info.brief' }}{{{ r.info.brief }}}{{/has}}
diff --git a/partials/txt/section/info.hbs b/partials/txt/section/info.hbs
new file mode 100644
index 0000000..900069b
--- /dev/null
+++ b/partials/txt/section/info.hbs
@@ -0,0 +1 @@
+{{#has 'info.brief' }}{{{ r.info.brief }}}{{/has}}
diff --git a/themes/basis/src/md.txt b/themes/basis/src/md.txt
index 748fc7a..2f118a0 100644
--- a/themes/basis/src/md.txt
+++ b/themes/basis/src/md.txt
@@ -4,7 +4,7 @@
 {{#has 'contact.phone' }}Tel: {{{ r.contact.phone }}}{{/has}}
 {{#has 'contact.website' }}Web: {{{ r.contact.website }}}{{/has}}
 
-{{#has "info.brief" }}{{{ r.info.brief }}}{{/has}}
+{{> section/info }}
 
 {{> section/skills }}
 
diff --git a/themes/basis/src/txt.txt b/themes/basis/src/txt.txt
index 732464c..157db48 100644
--- a/themes/basis/src/txt.txt
+++ b/themes/basis/src/txt.txt
@@ -4,7 +4,7 @@
 {{#has 'contact.website' }}Web: {{{ r.contact.website }}}{{/has}}
 ================================================================================
 
-{{#has 'info.brief' }}{{{ r.info.brief }}}{{/has}}
+{{> section/info }}
 
 {{> section/skills }}
 
diff --git a/themes/compact/src/compact-html.html b/themes/compact/src/compact-html.html
index 4f99aa4..70f04c7 100644
--- a/themes/compact/src/compact-html.html
+++ b/themes/compact/src/compact-html.html
@@ -23,6 +23,7 @@
 
 -->}}
 
+{{#*inline "icon-info"}}<span class="fa fa-lg fa-info"></span>{{/inline}}
 {{#*inline "icon-skills"}}<span class="fa fa-lg fa-code"></span>{{/inline}}
 {{#*inline "icon-employment"}}<span class="fa fa-building"></span>{{/inline}}
 {{#*inline "icon-projects"}}<span class="fa fa-star"></span>{{/inline}}
@@ -79,12 +80,7 @@
 
 -->}}
 
-{{#has "info.brief"}}
-<section id="summary">
-  {{{ r.info.brief }}}
-</section>
-{{/has}}
-
+{{> section/info _icon="icon-info"}}
 {{> section/skills _icon="icon-skills"}}
 {{> section/employment _icon="icon-employment"}}
 {{> section/projects _icon="icon-projects"}}
diff --git a/themes/modern/src/modern-html.html b/themes/modern/src/modern-html.html
index da5d36c..1f3c915 100644
--- a/themes/modern/src/modern-html.html
+++ b/themes/modern/src/modern-html.html
@@ -98,38 +98,11 @@
 
 
 {{!<!--
-  Now let's emit the candidate's summary, which is stored in r.info.brief.
-  Again we'll use the ((#has)) helper to make sure the candidate HAS a
-  summary, and if so, we'll render an HTML 5 section element containing
-  the Markdownified HTML version of it.
+  Now let's emit the candidate's summary, overriding the icon.
 -->}}
 
-{{#has 'info.brief'}}
-<hr>
-<section id="summary">
-
-  {{!<!--
-    Here we're rendering the title of the summary section, but we don't want
-    to hard code it to "About" or "Summary" because FRESH themes should not
-    assume English. The "sectionTitle" helper allows us to emit an English
-    section title of "About" by default, but provides a hook by which users
-    can override this section title if they want.
-    TL;DR Never write section titles explicitly. Always use the helper.
-  -->}}
-
-  <h2>{{{sectionTitle "info" "About"}}}</h2>
-  <span class="fa fa-lg fa-user"></span>
-
-  {{!<!--
-    Emit the actual summary here.
-    Note the use of triple brackets to tell Handlebars not to further encode
-    the value. The value in r.info.brief has already been encoded (when it was
-    converted to HTML) so there's no need to encode it further.
-  -->}}
-
-  {{{ r.info.brief }}}
-</section>
-{{/has}}
+{{#*inline "icon-info"}}<span class="fa fa-lg fa-info"></span>{{/inline}}
+{{> section/info _icon="icon-info" }}
 
 
 {{! <!--
@@ -319,7 +292,7 @@ also doesn't render any content.
 {{#*inline "icon-speaking"}}<span class="fa fa-lg fa-users"></span>{{/inline}}
 {{#*inline "icon-testimonials"}}<span class="fa fa-lg fa-quote-left"></span>{{/inline}}
 {{#*inline "icon-references"}}<span class="fa fa-lg fa-thumbs-o-up"></span>{{/inline}}
-{{#*inline "icon-interests"}}<span class="fa fa-lg fa-thumbs-o-up"></span>{{/inline}}
+{{#*inline "icon-interests"}}<span class="fa fa-lg fa-bicycle"></span>{{/inline}}
 
 {{! <!--
   And we're done with the customizations. For the rest of the resume, we'll
diff --git a/themes/modern/src/modern-pdf.html b/themes/modern/src/modern-pdf.html
index 2cc4ae7..1f3c915 100644
--- a/themes/modern/src/modern-pdf.html
+++ b/themes/modern/src/modern-pdf.html
@@ -45,7 +45,7 @@
       available that allows us to do either, conditionally.
     --> }}
 
-    {{{styleSheet "modern-pdf.css" "embed"}}}
+    {{{styleSheet "modern-html.css"}}}
 
     {{! <!--
       Now, depending on options, "modern-html.css" will either be embedded
@@ -98,38 +98,11 @@
 
 
 {{!<!--
-  Now let's emit the candidate's summary, which is stored in r.info.brief.
-  Again we'll use the ((#has)) helper to make sure the candidate HAS a
-  summary, and if so, we'll render an HTML 5 section element containing
-  the Markdownified HTML version of it.
+  Now let's emit the candidate's summary, overriding the icon.
 -->}}
 
-{{#has 'info.brief'}}
-<hr>
-<section id="summary">
-
-  {{!<!--
-    Here we're rendering the title of the summary section, but we don't want
-    to hard code it to "About" or "Summary" because FRESH themes should not
-    assume English. The "sectionTitle" helper allows us to emit an English
-    section title of "About" by default, but provides a hook by which users
-    can override this section title if they want.
-    TL;DR Never write section titles explicitly. Always use the helper.
-  -->}}
-
-  <h2>{{{sectionTitle "info" "About"}}}</h2>
-  <span class="fa fa-lg fa-user"></span>
-
-  {{!<!--
-    Emit the actual summary here.
-    Note the use of triple brackets to tell Handlebars not to further encode
-    the value. The value in r.info.brief has already been encoded (when it was
-    converted to HTML) so there's no need to encode it further.
-  -->}}
-
-  {{{ r.info.brief }}}
-</section>
-{{/has}}
+{{#*inline "icon-info"}}<span class="fa fa-lg fa-info"></span>{{/inline}}
+{{> section/info _icon="icon-info" }}
 
 
 {{! <!--
@@ -319,6 +292,7 @@ also doesn't render any content.
 {{#*inline "icon-speaking"}}<span class="fa fa-lg fa-users"></span>{{/inline}}
 {{#*inline "icon-testimonials"}}<span class="fa fa-lg fa-quote-left"></span>{{/inline}}
 {{#*inline "icon-references"}}<span class="fa fa-lg fa-thumbs-o-up"></span>{{/inline}}
+{{#*inline "icon-interests"}}<span class="fa fa-lg fa-bicycle"></span>{{/inline}}
 
 {{! <!--
   And we're done with the customizations. For the rest of the resume, we'll
@@ -334,6 +308,7 @@ also doesn't render any content.
 {{> section/speaking _icon="icon-speaking"}}
 {{> section/testimonials _icon="icon-testimonials"}}
 {{> section/references _icon="icon-references"}}
+{{> section/interests _icon="icon-interests"}}
 
       </div>
     </main>