From 8fbdc5e4595b315398a8127df44ac9c58f3e348c Mon Sep 17 00:00:00 2001
From: Marius Balteanu <marius.balteanu@zitec.com>
Date: Mon, 14 Oct 2024 20:32:57 +0000
Subject: [PATCH] Replaces icons on the syntax help page with SVG icons
 (#23980).

Patch by Katsuya HIDAKA (user:hidakatsuya).


git-svn-id: https://svn.redmine.org/redmine/trunk@23122 e93f8b46-1217-0410-a6f0-8f06a7374b81
---
 app/assets/stylesheets/wiki_syntax.css        | 20 ++++++++++++-
 .../de/wiki_syntax_common_mark.html.erb       | 28 ++++++++---------
 .../en/wiki_syntax_common_mark.html.erb       | 28 ++++++++---------
 .../ta-in/wiki_syntax_common_mark.html.erb    | 28 ++++++++---------
 .../markdown/bg/wiki_syntax_markdown.html.erb | 28 ++++++++---------
 .../markdown/ca/wiki_syntax_markdown.html.erb | 28 ++++++++---------
 .../markdown/cs/wiki_syntax_markdown.html.erb | 28 ++++++++---------
 .../markdown/de/wiki_syntax_markdown.html.erb | 28 ++++++++---------
 .../markdown/en/wiki_syntax_markdown.html.erb | 28 ++++++++---------
 .../es-pa/wiki_syntax_markdown.html.erb       | 28 ++++++++---------
 .../markdown/es/wiki_syntax_markdown.html.erb | 28 ++++++++---------
 .../markdown/fr/wiki_syntax_markdown.html.erb | 28 ++++++++---------
 .../markdown/gl/wiki_syntax_markdown.html.erb | 28 ++++++++---------
 .../markdown/ja/wiki_syntax_markdown.html.erb | 26 ++++++++--------
 .../markdown/ko/wiki_syntax_markdown.html.erb | 28 ++++++++---------
 .../markdown/nl/wiki_syntax_markdown.html.erb | 28 ++++++++---------
 .../pt-br/wiki_syntax_markdown.html.erb       | 28 ++++++++---------
 .../ta-in/wiki_syntax_markdown.html.erb       | 28 ++++++++---------
 .../markdown/uk/wiki_syntax_markdown.html.erb | 26 ++++++++--------
 .../zh-tw/wiki_syntax_markdown.html.erb       | 26 ++++++++--------
 .../textile/bg/wiki_syntax_textile.html.erb   | 28 ++++++++---------
 .../textile/ca/wiki_syntax_textile.html.erb   | 28 ++++++++---------
 .../textile/cs/wiki_syntax_textile.html.erb   | 28 ++++++++---------
 .../textile/de/wiki_syntax_textile.html.erb   | 28 ++++++++---------
 .../textile/en/wiki_syntax_textile.html.erb   | 28 ++++++++---------
 .../es-pa/wiki_syntax_textile.html.erb        | 30 +++++++++----------
 .../textile/es/wiki_syntax_textile.html.erb   | 30 +++++++++----------
 .../textile/fr/wiki_syntax_textile.html.erb   | 28 ++++++++---------
 .../textile/gl/wiki_syntax_textile.html.erb   | 28 ++++++++---------
 .../textile/ja/wiki_syntax_textile.html.erb   | 28 ++++++++---------
 .../textile/ko/wiki_syntax_textile.html.erb   | 28 ++++++++---------
 .../textile/lt/wiki_syntax_textile.html.erb   | 28 ++++++++---------
 .../textile/nl/wiki_syntax_textile.html.erb   | 28 ++++++++---------
 .../pt-br/wiki_syntax_textile.html.erb        | 28 ++++++++---------
 .../textile/ru/wiki_syntax_textile.html.erb   | 28 ++++++++---------
 .../ta-in/wiki_syntax_textile.html.erb        | 28 ++++++++---------
 .../textile/uk/wiki_syntax_textile.html.erb   | 28 ++++++++---------
 .../zh-tw/wiki_syntax_textile.html.erb        | 28 ++++++++---------
 .../textile/zh/wiki_syntax_textile.html.erb   | 28 ++++++++---------
 39 files changed, 550 insertions(+), 532 deletions(-)

diff --git a/app/assets/stylesheets/wiki_syntax.css b/app/assets/stylesheets/wiki_syntax.css
index cef2078f8..c1410578b 100644
--- a/app/assets/stylesheets/wiki_syntax.css
+++ b/app/assets/stylesheets/wiki_syntax.css
@@ -20,7 +20,25 @@ h1 { font-family: "Noto Sans", sans-serif; font-size: 14px; text-align: center;
 body { font-family: "Noto Sans", sans-serif; font-size: 12px; color: #444; }
 pre, code {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace; }
 table th { padding-top: 1em; }
-table th img { border: 1px solid #bbb; }
+table th {
+  img {
+    border: 1px solid #bbb;
+    opacity: 0.7;
+  }
+
+  .syntax-pre {
+    display: inline-block;
+    border: 1px solid #bbb;
+    width: 18px;
+    height: 18px;
+
+    &:before {
+      content: "pre";
+      font-size: 10px;
+      color: #666;
+    }
+  }
+}
 table td { background-color: #f5f5f5; height: 2em; vertical-align: middle;}
 table td code { font-size: 1.2em; }
 table td h1 { font-size: 1.8em; text-align: left; }
diff --git a/app/views/help/wiki_syntax/common_mark/de/wiki_syntax_common_mark.html.erb b/app/views/help/wiki_syntax/common_mark/de/wiki_syntax_common_mark.html.erb
index 8a8ceff9d..ac801c585 100644
--- a/app/views/help/wiki_syntax/common_mark/de/wiki_syntax_common_mark.html.erb
+++ b/app/views/help/wiki_syntax/common_mark/de/wiki_syntax_common_mark.html.erb
@@ -11,11 +11,11 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Schriftarten <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">mehr</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Strong" }) %></th><td style="width:50%;">**Fett**</td><td style="width:50%;"><strong>Fett</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Italic" }) %></th><td>*Kursiv*</td><td><em>Kursiv</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Deleted" }) %></th><td>~~Durchgestrichen~~</td><td><del>Durchgestrichen</del></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Inline code" }) %></th><td>`Inline Code`</td><td><code>Inline Code</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Preformatted text" }) %></th><td>```<br />&nbsp;vorformatierte<br />&nbsp;Textzeilen<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Strong" }) %></th><td style="width:50%;">**Fett**</td><td style="width:50%;"><strong>Fett</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Italic" }) %></th><td>*Kursiv*</td><td><em>Kursiv</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Deleted" }) %></th><td>~~Durchgestrichen~~</td><td><del>Durchgestrichen</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Inline code" }) %></th><td>`Inline Code`</td><td><code>Inline Code</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>```<br />&nbsp;vorformatierte<br />&nbsp;Textzeilen<br />```</td><td>
 <pre>
  vorformatierte
  Textzeilen
@@ -23,7 +23,7 @@
 </td></tr>
 
 <tr><th colspan="3">Hervorgehobener Programmcode <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">mehr</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "Hervorgehobener Programmcode" }) %></th><td>```ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "Hervorgehobener Programmcode" }) %></th><td>```ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -35,14 +35,14 @@
 <tr><th></th><td>Beenden Sie eine Zeile mit einem Backslash\<br>oder zwei Leerzeichen, um einen manuellen Zeilenumbruch einzufÃ¼gen.</td><td><p>	Beenden Sie eine Zeile mit einem Backslash<br>oder zwei Leerzeichen, um einen manuellen Zeilenumbruch einzufÃ¼gen.</p></td></tr>
 
 <tr><th colspan="3">Listen</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt:"Ungeordnete Liste" }) %></th><td>* Element 1<br />&nbsp;&nbsp;* Sub<br />* Element 2</td><td><ul><li>Element 1<ul><li>Sub</li></ul></li><li>Element 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt:"Geordnete Liste" }) %></th><td>1. Element 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Element 2</td><td><ol><li>Element 1<ol><li>Sub</li></ol></li><li>Element 2</li></ol></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_tl.png", { alt:"Ausgabenliste" }) %></th><td>* [ ] Element 1<br />* [x] Element 2</td><td><ul style="list-style-type: none; padding-left: 12px;"><li><input type="checkbox" disabled>Element 1</li><li><input type="checkbox" disabled checked>Element 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt:"Ungeordnete Liste" }) %></th><td>* Element 1<br />&nbsp;&nbsp;* Sub<br />* Element 2</td><td><ul><li>Element 1<ul><li>Sub</li></ul></li><li>Element 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt:"Geordnete Liste" }) %></th><td>1. Element 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Element 2</td><td><ol><li>Element 1<ol><li>Sub</li></ol></li><li>Element 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-check.svg", { alt:"Ausgabenliste" }) %></th><td>* [ ] Element 1<br />* [x] Element 2</td><td><ul style="list-style-type: none; padding-left: 12px;"><li><input type="checkbox" disabled>Element 1</li><li><input type="checkbox" disabled checked>Element 2</li></ul></td></tr>
 
 <tr><th colspan="3">Ãberschriften <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">mehr</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt:"Heading 1" }) %></th><td># Titel 1</td><td><h1>Titel 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt:"Heading 2" }) %></th><td>## Titel 2</td><td><h2>Titel 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt:"Heading 3" }) %></th><td>### Titel 3</td><td><h3>Titel 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt:"Heading 1" }) %></th><td># Titel 1</td><td><h1>Titel 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt:"Heading 2" }) %></th><td>## Titel 2</td><td><h2>Titel 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt:"Heading 3" }) %></th><td>### Titel 3</td><td><h3>Titel 3</h3></td></tr>
 
 <tr><th colspan="3">Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">mehr</a>)</span></th></tr>
 <tr><th></th><td>www.foo.bar</td><td><a href="#">www.foo.bar</a></td></tr>
@@ -50,7 +50,7 @@
 <tr><th></th><td>[Foo](http://foo.bar)</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine interne Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">mehr</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt:"Link zu einer Wiki-Seite" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki-Seite</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt:"Link zu einer Wiki-Seite" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki-Seite</a></td></tr>
 <tr><th></th><td>Ticket #12</td><td>Ticket <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Fehler #12</a>: Titel des Tickets</td></tr>
 <tr><th></th><td>Revision r43</td><td>Revision <a href="#">r43</a></td></tr>
@@ -58,7 +58,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">Eingebettete Bilder <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">mehr</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt:"Image" }) %></th><td>![](<em>Bild_url</em>)</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt:"Image" }) %></th><td>![](<em>Bild_url</em>)</td><td></td></tr>
 <tr><th></th><td>![](<em>AngehÃ¤ngtes_Bild</em>)</td><td></td></tr>
 
 <tr><th colspan="3">Tabellen</th></tr>
diff --git a/app/views/help/wiki_syntax/common_mark/en/wiki_syntax_common_mark.html.erb b/app/views/help/wiki_syntax/common_mark/en/wiki_syntax_common_mark.html.erb
index c75dacbe9..486b96424 100644
--- a/app/views/help/wiki_syntax/common_mark/en/wiki_syntax_common_mark.html.erb
+++ b/app/views/help/wiki_syntax/common_mark/en/wiki_syntax_common_mark.html.erb
@@ -11,11 +11,11 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Font Styles <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Strong" }) %></th><td style="width:50%;">**Strong**</td><td style="width:50%;"><strong>Strong</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Italic" }) %></th><td>*Italic*</td><td><em>Italic</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Deleted" }) %></th><td>~~Deleted~~</td><td><del>Deleted</del></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Inline code" }) %></th><td>`Inline Code`</td><td><code>Inline Code</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Preformatted text" }) %></th><td>```<br />&nbsp;lines<br />&nbsp;of code<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Strong" }) %></th><td style="width:50%;">**Strong**</td><td style="width:50%;"><strong>Strong</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Italic" }) %></th><td>*Italic*</td><td><em>Italic</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Deleted" }) %></th><td>~~Deleted~~</td><td><del>Deleted</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Inline code" }) %></th><td>`Inline Code`</td><td><code>Inline Code</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>```<br />&nbsp;lines<br />&nbsp;of code<br />```</td><td>
 <pre>
  lines
  of code
@@ -23,7 +23,7 @@
 </td></tr>
 
 <tr><th colspan="3">Highlighted code <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "Highlighted code" }) %></th><td>```ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "Highlighted code" }) %></th><td>```ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -35,14 +35,14 @@
 <tr><th></th><td>End a line with a backslash\<br> or two spaces to insert a manual line break.</td><td><p>End a line with a backslash<br>or two spaces to insert a manual line break.</p></td></tr>
 
 <tr><th colspan="3">Lists</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Unordered list" }) %></th><td>* Item 1<br />&nbsp;&nbsp;* Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Ordered list" }) %></th><td>1. Item 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_tl.png", { alt: "Task list" }) %></th><td>* [ ] Item 1<br />* [x] Item 2</td><td><ul style="list-style-type: none; padding-left: 12px;"><li><input type="checkbox" disabled>Item 1</li><li><input type="checkbox" disabled checked>Item 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />&nbsp;&nbsp;* Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td>1. Item 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-check.svg", { alt: "Task list" }) %></th><td>* [ ] Item 1<br />* [x] Item 2</td><td><ul style="list-style-type: none; padding-left: 12px;"><li><input type="checkbox" disabled>Item 1</li><li><input type="checkbox" disabled checked>Item 2</li></ul></td></tr>
 
 <tr><th colspan="3">Headings <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Heading 1" }) %></th><td># Title 1</td><td><h1>Title 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Heading 2" }) %></th><td>## Title 2</td><td><h2>Title 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Heading 3" }) %></th><td>### Title 3</td><td><h3>Title 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Heading 1" }) %></th><td># Title 1</td><td><h1>Title 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Heading 2" }) %></th><td>## Title 2</td><td><h2>Title 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Heading 3" }) %></th><td>### Title 3</td><td><h3>Title 3</h3></td></tr>
 
 <tr><th colspan="3">Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>www.foo.bar</td><td><a href="#">www.foo.bar</a></td></tr>
@@ -50,7 +50,7 @@
 <tr><th></th><td>[Foo](http://foo.bar)</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
 <tr><th></th><td>Issue #12</td><td>Issue <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>Revision r43</td><td>Revision <a href="#">r43</a></td></tr>
@@ -58,7 +58,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">Inline images <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>![](<em>image_url</em>)</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>![](<em>image_url</em>)</td><td></td></tr>
 <tr><th></th><td>![](<em>attached_image</em>)</td><td></td></tr>
 
 <tr><th colspan="3">Tables</th></tr>
diff --git a/app/views/help/wiki_syntax/common_mark/ta-in/wiki_syntax_common_mark.html.erb b/app/views/help/wiki_syntax/common_mark/ta-in/wiki_syntax_common_mark.html.erb
index 712bea94b..6a845b6e7 100644
--- a/app/views/help/wiki_syntax/common_mark/ta-in/wiki_syntax_common_mark.html.erb
+++ b/app/views/help/wiki_syntax/common_mark/ta-in/wiki_syntax_common_mark.html.erb
@@ -10,11 +10,11 @@
 
 <table style="width:100%">
   <tr><th colspan="3">à®à®´à¯à®¤à¯à®¤à¯à®°à¯ à®ªà®¾à®à¯à®à¯à®à®³à¯ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">à®®à¯à®²à¯à®®à¯</a>)</span></th></tr>
-  <tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Strong" }) %><</th><td style="width:50%;">**à®µà®²à¯à®µà®¾à®©**</td><td style="width:50%;"><strong>à®µà®²à¯à®µà®¾à®©</strong></td></tr>
-  <tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Italic" }) %></th><td>*à®à®¾à®¯à¯à®µà¯*</td><td><em>à®à®¾à®¯à¯à®µà¯</em></td></tr>
-  <tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Deleted" }) %></th><td>~~à®¨à¯à®à¯à®à®ªà¯à®ªà®à¯à®à®¤à¯~~</td><td><del>à®¨à¯à®à¯à®à®ªà¯à®ªà®à¯à®à®¤à¯</del></td></tr>
-  <tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Inline code" }) %></th><td>`à®à®©à¯à®²à¯à®©à¯ à®à¯à®±à®¿à®¯à¯à®à¯`</td><td><code>à®à®©à¯à®²à¯à®©à¯ à®à¯à®±à®¿à®¯à¯à®</code></td></tr>
-  <tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Preformatted text" }) %></th><td>```<br />&nbsp;lines<br />&nbsp;of code<br />```</td><td>
+  <tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Strong" }) %><</th><td style="width:50%;">**à®µà®²à¯à®µà®¾à®©**</td><td style="width:50%;"><strong>à®µà®²à¯à®µà®¾à®©</strong></td></tr>
+  <tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Italic" }) %></th><td>*à®à®¾à®¯à¯à®µà¯*</td><td><em>à®à®¾à®¯à¯à®µà¯</em></td></tr>
+  <tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Deleted" }) %></th><td>~~à®¨à¯à®à¯à®à®ªà¯à®ªà®à¯à®à®¤à¯~~</td><td><del>à®¨à¯à®à¯à®à®ªà¯à®ªà®à¯à®à®¤à¯</del></td></tr>
+  <tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Inline code" }) %></th><td>`à®à®©à¯à®²à¯à®©à¯ à®à¯à®±à®¿à®¯à¯à®à¯`</td><td><code>à®à®©à¯à®²à¯à®©à¯ à®à¯à®±à®¿à®¯à¯à®</code></td></tr>
+  <tr><th><span class="syntax-pre"/></th><td>```<br />&nbsp;lines<br />&nbsp;of code<br />```</td><td>
 <pre>
  à®à¯à®¾à®à¯à®à®³à¯
  à®à¯à®±à®¿à®¯à¯à®à¯
@@ -22,7 +22,7 @@
   </td></tr>
 
   <tr><th colspan="3">à®®à¯à®©à¯à®©à®¿à®²à¯à®ªà¯à®ªà®à¯à®¤à¯à®¤à®ªà¯à®ªà®à¯à® à®à¯à®±à®¿à®¯à¯à®à¯ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">à®®à¯à®²à¯à®®à¯</a>)</span></th></tr>
-  <tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "Highlighted code" }) %></th><td>```ruby<br />3.à®®à¯à®±à¯ do<br />&nbsp;&nbsp;puts 'à®µà®£à®à¯à®à®®à¯'<br />à®®à¯à®à®¿à®µà¯<br />```</td><td>
+  <tr><th><%= image_tag("jstoolbar/code.svg", { alt: "Highlighted code" }) %></th><td>```ruby<br />3.à®®à¯à®±à¯ do<br />&nbsp;&nbsp;puts 'à®µà®£à®à¯à®à®®à¯'<br />à®®à¯à®à®¿à®µà¯<br />```</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">à®®à¯à®±à¯</span> <span class="k">do</span>
   <span class="nb">à®µà¯à®à¯à®à®¿à®±à®¤à¯</span> <span class="s1">'à®µà®£à®à¯à®à®®à¯'</span>
 <span class="k">à®®à¯à®à®¿à®µà¯</span>
@@ -34,14 +34,14 @@
   <tr><th></th><td>backslash à®®à¯à®²à®®à¯ à®à®°à¯ à®µà®°à®¿à®¯à¯ à®®à¯à®à®¿à®à¯à®à®µà¯à®®à¯\<br> à®à®²à¯à®²à®¤à¯ à®à¯à®¯à¯à®à¯ à®µà®°à®¿ à®®à¯à®±à®¿à®µà¯à®à¯ à®à¯à®°à¯à® à®à®°à®£à¯à®à¯ à®à®à¯à®µà¯à®³à®¿à®à®³à¯.</td><td><p>backslash à®®à¯à®²à®®à¯ à®à®°à¯ à®µà®°à®¿à®¯à¯ à®®à¯à®à®¿à®à¯à®à®µà¯à®®à¯<br>à®à®²à¯à®²à®¤à¯ à®à¯à®¯à¯à®à¯ à®µà®°à®¿ à®®à¯à®±à®¿à®µà¯à®à¯ à®à¯à®°à¯à® à®à®°à®£à¯à®à¯ à®à®à¯à®µà¯à®³à®¿à®à®³à¯.</p></td></tr>
 
   <tr><th colspan="3">à®ªà®à¯à®à®¿à®¯à®²à¯à®à®³à¯</th></tr>
-  <tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Unordered list" }) %></th><td>* à®ªà¯à®°à¯à®³à¯ 1<br />&nbsp;&nbsp;* à®¤à¯à®£à¯<br />* à®ªà¯à®°à¯à®³à¯ 2</td><td><ul><li>à®ªà¯à®°à¯à®³à¯ 1<ul><li>à®¤à¯à®£à¯</li></ul></li><li>à®ªà¯à®°à¯à®³à¯ 2</li></ul></td></tr>
-  <tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Ordered list" }) %></th><td>1. à®ªà¯à®°à¯à®³à¯ 1<br />&nbsp;&nbsp;&nbsp;1. à®¤à¯à®£à¯<br />2. à®ªà¯à®°à¯à®³à¯ 2</td><td><ol><li>à®ªà¯à®°à¯à®³à¯ 1<ol><li>à®¤à¯à®£à¯</li></ol></li><li>à®ªà¯à®°à¯à®³à¯ 2</li></ol></td></tr>
-  <tr><th><%= image_tag("jstoolbar/bt_tl.png", { alt: "Task list" }) %></th><td>* [ ] à®ªà¯à®°à¯à®³à¯ 1<br />* [x] à®ªà¯à®°à¯à®³à¯ 2</td><td><ul style="list-style-type: none; padding-left: 12px;"><li><input type="checkbox" disabled>à®ªà¯à®°à¯à®³à¯ 1</li><li><input type="checkbox" disabled checked>à®ªà¯à®°à¯à®³à¯ 2</li></ul></td></tr>
+  <tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* à®ªà¯à®°à¯à®³à¯ 1<br />&nbsp;&nbsp;* à®¤à¯à®£à¯<br />* à®ªà¯à®°à¯à®³à¯ 2</td><td><ul><li>à®ªà¯à®°à¯à®³à¯ 1<ul><li>à®¤à¯à®£à¯</li></ul></li><li>à®ªà¯à®°à¯à®³à¯ 2</li></ul></td></tr>
+  <tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td>1. à®ªà¯à®°à¯à®³à¯ 1<br />&nbsp;&nbsp;&nbsp;1. à®¤à¯à®£à¯<br />2. à®ªà¯à®°à¯à®³à¯ 2</td><td><ol><li>à®ªà¯à®°à¯à®³à¯ 1<ol><li>à®¤à¯à®£à¯</li></ol></li><li>à®ªà¯à®°à¯à®³à¯ 2</li></ol></td></tr>
+  <tr><th><%= image_tag("jstoolbar/list-check.svg", { alt: "Task list" }) %></th><td>* [ ] à®ªà¯à®°à¯à®³à¯ 1<br />* [x] à®ªà¯à®°à¯à®³à¯ 2</td><td><ul style="list-style-type: none; padding-left: 12px;"><li><input type="checkbox" disabled>à®ªà¯à®°à¯à®³à¯ 1</li><li><input type="checkbox" disabled checked>à®ªà¯à®°à¯à®³à¯ 2</li></ul></td></tr>
 
   <tr><th colspan="3">à®¤à®²à¯à®ªà¯à®ªà¯à®à®³à¯ <span class="more_info">(<a href="wiki_syntax_detailed_common_mark.html#8" target="_blank">à®®à¯à®²à¯à®®à¯</a>)</span></th></tr>
-  <tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Heading 1" }) %></th><td># à®¤à®²à¯à®ªà¯à®ªà¯ 1</td><td><h1>à®¤à®²à¯à®ªà¯à®ªà¯ 1</h1></td></tr>
-  <tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Heading 2" }) %></th><td>## à®¤à®²à¯à®ªà¯à®ªà¯ 2</td><td><h2>à®¤à®²à¯à®ªà¯à®ªà¯ 2</h2></td></tr>
-  <tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Heading 3" }) %></th><td>### à®¤à®²à¯à®ªà¯à®ªà¯ 3</td><td><h3>à®¤à®²à¯à®ªà¯à®ªà¯ 3</h3></td></tr>
+  <tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Heading 1" }) %></th><td># à®¤à®²à¯à®ªà¯à®ªà¯ 1</td><td><h1>à®¤à®²à¯à®ªà¯à®ªà¯ 1</h1></td></tr>
+  <tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Heading 2" }) %></th><td>## à®¤à®²à¯à®ªà¯à®ªà¯ 2</td><td><h2>à®¤à®²à¯à®ªà¯à®ªà¯ 2</h2></td></tr>
+  <tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Heading 3" }) %></th><td>### à®¤à®²à¯à®ªà¯à®ªà¯ 3</td><td><h3>à®¤à®²à¯à®ªà¯à®ªà¯ 3</h3></td></tr>
 
   <tr><th colspan="3">à®à®£à¯à®ªà¯à®ªà¯à®à®³à¯ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">à®®à¯à®²à¯à®®à¯</a>)</span></th></tr>
   <tr><th></th><td>www.foo.bar</td><td><a href="#">www.foo.bar</a></td></tr>
@@ -49,7 +49,7 @@
   <tr><th></th><td>[Foo](http://foo.bar)</td><td><a href="#">Foo</a></td></tr>
 
   <tr><th colspan="3">Redmine à®à®£à¯à®ªà¯à®ªà¯à®à®³à¯<span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">à®®à¯à®²à¯à®®à¯</a>)</span></th></tr>
-  <tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link to a Wiki page" }) %></th><td>[[à®µà®¿à®à¯à®à®¿ à®ªà®à¯à®à®®à¯]]</td><td><a href="#">à®µà®¿à®à¯à®à®¿ à®ªà®à¯à®à®®à¯</a></td></tr>
+  <tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link to a Wiki page" }) %></th><td>[[à®µà®¿à®à¯à®à®¿ à®ªà®à¯à®à®®à¯]]</td><td><a href="#">à®µà®¿à®à¯à®à®¿ à®ªà®à¯à®à®®à¯</a></td></tr>
   <tr><th></th><td>à®ªà®¿à®°à®à¯à®à®¿à®©à¯ #12</td><td>à®ªà®¿à®°à®à¯à®à®¿à®©à¯ <a href="#">#12</a></td></tr>
   <tr><th></th><td>##12</td><td><a href="#">à®ªà®¿à®´à¯ #12</a>: à®ªà®¿à®°à®à¯à®à®¿à®©à¯ à®ªà¯à®°à¯à®³à¯</td></tr>
   <tr><th></th><td>à®¤à®¿à®°à¯à®¤à¯à®¤à®®à¯ r43</td><td>à®¤à®¿à®°à¯à®¤à¯à®¤à®®à¯ <a href="#">r43</a></td></tr>
@@ -57,7 +57,7 @@
   <tr><th></th><td>à®à®¤à®¾à®°à®®à¯:some/file</td><td><a href="#">à®à®¤à®¾à®°à®®à¯:some/file</a></td></tr>
 
   <tr><th colspan="3">à®à®©à¯à®²à¯à®©à¯ à®ªà®à®à¯à®à®³à¯ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">à®®à¯à®²à¯à®®à¯</a>)</span></th></tr>
-  <tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>![](<em>image_url</em>)</td><td></td></tr>
+  <tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>![](<em>image_url</em>)</td><td></td></tr>
   <tr><th></th><td>![](<em>attached_image</em>)</td><td></td></tr>
 
   <tr><th colspan="3">à®à®à¯à®à®µà®£à¯à®à®³à¯</th></tr>
diff --git a/app/views/help/wiki_syntax/markdown/bg/wiki_syntax_markdown.html.erb b/app/views/help/wiki_syntax/markdown/bg/wiki_syntax_markdown.html.erb
index 0c75cb7e2..35c485737 100644
--- a/app/views/help/wiki_syntax/markdown/bg/wiki_syntax_markdown.html.erb
+++ b/app/views/help/wiki_syntax/markdown/bg/wiki_syntax_markdown.html.erb
@@ -11,12 +11,12 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Font Styles <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Strong" }) %></th><td style="width:50%;">**Strong**</td><td style="width:50%;"><strong>Strong</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Italic" }) %></th><td>*Italic*</td><td><em>Italic</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Underline" }) %></th><td>_Underline_</td><td><ins>Underline</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Deleted" }) %></th><td>~~Deleted~~</td><td><del>Deleted</del></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Inline code" }) %></th><td>`Inline Code`</td><td><code>Inline Code</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Preformatted text" }) %></th><td>```<br />&nbsp;lines<br />&nbsp;of code<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Strong" }) %></th><td style="width:50%;">**Strong**</td><td style="width:50%;"><strong>Strong</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Italic" }) %></th><td>*Italic*</td><td><em>Italic</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Underline" }) %></th><td>_Underline_</td><td><ins>Underline</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Deleted" }) %></th><td>~~Deleted~~</td><td><del>Deleted</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Inline code" }) %></th><td>`Inline Code`</td><td><code>Inline Code</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>```<br />&nbsp;lines<br />&nbsp;of code<br />```</td><td>
 <pre>
  lines
  of code
@@ -24,7 +24,7 @@
 </td></tr>
 
 <tr><th colspan="3">Highlighted code <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "ÐÐ³ÑÐ°Ð´ÐµÐ½ ÐºÐ¾Ð´" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "ÐÐ³ÑÐ°Ð´ÐµÐ½ ÐºÐ¾Ð´" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -32,20 +32,20 @@
 </td></tr>
 
 <tr><th colspan="3">Lists</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Unordered list" }) %></th><td>* Item 1<br />&nbsp;&nbsp;* Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Ordered list" }) %></th><td>1. Item 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />&nbsp;&nbsp;* Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td>1. Item 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
 
 <tr><th colspan="3">Headings <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Heading 1" }) %></th><td># Title 1</td><td><h1>Title 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Heading 2" }) %></th><td>## Title 2</td><td><h2>Title 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Heading 3" }) %></th><td>### Title 3</td><td><h3>Title 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Heading 1" }) %></th><td># Title 1</td><td><h1>Title 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Heading 2" }) %></th><td>## Title 2</td><td><h2>Title 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Heading 3" }) %></th><td>### Title 3</td><td><h3>Title 3</h3></td></tr>
 
 <tr><th colspan="3">Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>[Foo](http://foo.bar)</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
 <tr><th></th><td>Issue #12</td><td>Issue <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>Revision r43</td><td>Revision <a href="#">r43</a></td></tr>
@@ -53,7 +53,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">Inline images <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>![](<em>image_url</em>)</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>![](<em>image_url</em>)</td><td></td></tr>
 <tr><th></th><td>![](<em>attached_image</em>)</td><td></td></tr>
 
 <tr><th colspan="3">Tables</th></tr>
diff --git a/app/views/help/wiki_syntax/markdown/ca/wiki_syntax_markdown.html.erb b/app/views/help/wiki_syntax/markdown/ca/wiki_syntax_markdown.html.erb
index 706afa38e..117c71224 100644
--- a/app/views/help/wiki_syntax/markdown/ca/wiki_syntax_markdown.html.erb
+++ b/app/views/help/wiki_syntax/markdown/ca/wiki_syntax_markdown.html.erb
@@ -11,12 +11,12 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Font Styles <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Negreta" }) %></th><td style="width:50%;">**Negreta**</td><td style="width:50%;"><strong>Negreta</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Cursiva" }) %></th><td>*Cursiva*</td><td><em>Cursiva</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Underline" }) %></th><td>_Underline_</td><td><ins>Underline</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Eliminat" }) %></th><td>~~Eliminat~~</td><td><del>Eliminat</del></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Codi en lÃ­nia" }) %></th><td>`Codi en lÃ­nia`</td><td><code>Codi en lÃ­nia</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Linies de codi" }) %></th><td>```<br />&nbsp;linies<br />&nbsp;de codi<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Negreta" }) %></th><td style="width:50%;">**Negreta**</td><td style="width:50%;"><strong>Negreta</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Cursiva" }) %></th><td>*Cursiva*</td><td><em>Cursiva</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Underline" }) %></th><td>_Underline_</td><td><ins>Underline</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Eliminat" }) %></th><td>~~Eliminat~~</td><td><del>Eliminat</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Codi en lÃ­nia" }) %></th><td>`Codi en lÃ­nia`</td><td><code>Codi en lÃ­nia</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>```<br />&nbsp;linies<br />&nbsp;de codi<br />```</td><td>
 <pre>
  linies
  de codi
@@ -24,7 +24,7 @@
 </td></tr>
 
 <tr><th colspan="3">Highlighted code <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "Highlighted code" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "Highlighted code" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -32,20 +32,20 @@
 </td></tr>
 
 <tr><th colspan="3">Llistes</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Llista desordenada" }) %></th><td>* Article 1<br />&nbsp;&nbsp;* Sub<br />* Article 2</td><td><ul><li>Article 1<ul><li>Sub</li></ul></li><li>Article 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Llista Ordenada" }) %></th><td>1. Article 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Article 2</td><td><ol><li>Article 1<ol><li>Sub</li></ol></li><li>Article 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Llista desordenada" }) %></th><td>* Article 1<br />&nbsp;&nbsp;* Sub<br />* Article 2</td><td><ul><li>Article 1<ul><li>Sub</li></ul></li><li>Article 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Llista Ordenada" }) %></th><td>1. Article 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Article 2</td><td><ol><li>Article 1<ol><li>Sub</li></ol></li><li>Article 2</li></ol></td></tr>
 
 <tr><th colspan="3">CapÃ§aleres <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "EncapÃ§ament 1" }) %></th><td># TÃ­tol 1</td><td><h1>TÃ­tol 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "EncapÃ§ament 2" }) %></th><td>## TÃ­tol 2</td><td><h2>TÃ­tol 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "EncapÃ§ament 3" }) %></th><td>### TÃ­tol 3</td><td><h3>TÃ­tol 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "EncapÃ§ament 1" }) %></th><td># TÃ­tol 1</td><td><h1>TÃ­tol 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "EncapÃ§ament 2" }) %></th><td>## TÃ­tol 2</td><td><h2>TÃ­tol 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "EncapÃ§ament 3" }) %></th><td>### TÃ­tol 3</td><td><h3>TÃ­tol 3</h3></td></tr>
 
 <tr><th colspan="3">Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>[Foo](http://foo.bar)</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link a la pagina Wiki" }) %></th><td>[[Pagina Wiki]]</td><td><a href="#">Pagina Wiki</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link a la pagina Wiki" }) %></th><td>[[Pagina Wiki]]</td><td><a href="#">Pagina Wiki</a></td></tr>
 <tr><th></th><td>Assumpte #12</td><td>Assumpte <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>RevisiÃ³ r43</td><td>RevisiÃ³ <a href="#">r43</a></td></tr>
@@ -53,7 +53,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">Imatges <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Imatge" }) %></th><td>![](<em>imatge_url</em>)</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Imatge" }) %></th><td>![](<em>imatge_url</em>)</td><td></td></tr>
 <tr><th></th><td>![](<em>imatge_adjunta</em>)</td><td></td></tr>
 
 <tr><th colspan="3">Taules</th></tr>
diff --git a/app/views/help/wiki_syntax/markdown/cs/wiki_syntax_markdown.html.erb b/app/views/help/wiki_syntax/markdown/cs/wiki_syntax_markdown.html.erb
index 385b2a38c..64053f511 100644
--- a/app/views/help/wiki_syntax/markdown/cs/wiki_syntax_markdown.html.erb
+++ b/app/views/help/wiki_syntax/markdown/cs/wiki_syntax_markdown.html.erb
@@ -11,12 +11,12 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Styly pÃ­sma <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">vÃ­ce</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "tuÄnÃ½" }) %></th><td style="width:50%;">**tuÄnÃ½**</td><td style="width:50%;"><strong>tuÄnÃ½</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "kurzÃ­va" }) %></th><td>*kurzÃ­va*</td><td><em>kurzÃ­va</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "podtrÅ¾enÃ½" }) %></th><td>_podtrÅ¾enÃ½_</td><td><ins>podtrÅ¾enÃ½</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "smazanÃ½" }) %></th><td>~~pÅeÅ¡krtnutÃ½~~</td><td><del>PÅeÅ¡krtnutÃ½</del></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "vnoÅenÃ½ kÃ³d" }) %></th><td>`vnoÅenÃ½ kÃ³d`</td><td><code>vnoÅenÃ½ kÃ³d</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "pÅedformÃ¡tovanÃ½ text" }) %></th><td>```<br />&nbsp;ÅÃ¡dky<br />&nbsp;kÃ³du<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "tuÄnÃ½" }) %></th><td style="width:50%;">**tuÄnÃ½**</td><td style="width:50%;"><strong>tuÄnÃ½</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "kurzÃ­va" }) %></th><td>*kurzÃ­va*</td><td><em>kurzÃ­va</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "podtrÅ¾enÃ½" }) %></th><td>_podtrÅ¾enÃ½_</td><td><ins>podtrÅ¾enÃ½</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "smazanÃ½" }) %></th><td>~~pÅeÅ¡krtnutÃ½~~</td><td><del>PÅeÅ¡krtnutÃ½</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "vnoÅenÃ½ kÃ³d" }) %></th><td>`vnoÅenÃ½ kÃ³d`</td><td><code>vnoÅenÃ½ kÃ³d</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>```<br />&nbsp;ÅÃ¡dky<br />&nbsp;kÃ³du<br />```</td><td>
 <pre>
  ÅÃ¡dky
  kÃ³du
@@ -24,7 +24,7 @@
 </td></tr>
 
 <tr><th colspan="3">ZvÃ½raznÄnÃ½ kÃ³d <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">vÃ­ce</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">podporovanÃ© jazyky</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "Highlighted code" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Ahoj'<br />end<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "Highlighted code" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Ahoj'<br />end<br />```</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Ahoj'</span>
 <span class="k">end</span>
@@ -32,20 +32,20 @@
 </td></tr>
 
 <tr><th colspan="3">Seznamy</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "NesetÅÃ­dÄnÃ½ seznam" }) %></th><td>* PoloÅ¾ka 1<br />&nbsp;&nbsp;* Pod<br />* PoloÅ¾ka 2</td><td><ul><li>PoloÅ¾ka 1<ul><li>Pod</li></ul></li><li>PoloÅ¾ka 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "SetÅÃ­dÄnÃ½ seznam" }) %></th><td>1. PoloÅ¾ka 1<br />&nbsp;&nbsp;&nbsp;1. Pod<br />2. PoloÅ¾ka 2</td><td><ol><li>PoloÅ¾ka 1<ol><li>Pod</li></ol></li><li>PoloÅ¾ka 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "NesetÅÃ­dÄnÃ½ seznam" }) %></th><td>* PoloÅ¾ka 1<br />&nbsp;&nbsp;* Pod<br />* PoloÅ¾ka 2</td><td><ul><li>PoloÅ¾ka 1<ul><li>Pod</li></ul></li><li>PoloÅ¾ka 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "SetÅÃ­dÄnÃ½ seznam" }) %></th><td>1. PoloÅ¾ka 1<br />&nbsp;&nbsp;&nbsp;1. Pod<br />2. PoloÅ¾ka 2</td><td><ol><li>PoloÅ¾ka 1<ol><li>Pod</li></ol></li><li>PoloÅ¾ka 2</li></ol></td></tr>
 
 <tr><th colspan="3">Nadpisy <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">vÃ­ce</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Heading 1" }) %></th><td># Nadpis 1</td><td><h1>Nadpis 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Heading 2" }) %></th><td>## Nadpis 2</td><td><h2>Nadpis 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Heading 3" }) %></th><td>### Nadpis 3</td><td><h3>Nadpis 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Heading 1" }) %></th><td># Nadpis 1</td><td><h1>Nadpis 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Heading 2" }) %></th><td>## Nadpis 2</td><td><h2>Nadpis 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Heading 3" }) %></th><td>### Nadpis 3</td><td><h3>Nadpis 3</h3></td></tr>
 
 <tr><th colspan="3">Odkazy <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>[Odkaz](http://foo.bar)</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine odkazy <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">vÃ­ce</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki strÃ¡nka]]</td><td><a href="#">Wiki strÃ¡nka</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki strÃ¡nka]]</td><td><a href="#">Wiki strÃ¡nka</a></td></tr>
 <tr><th></th><td>Ãkol #12</td><td>Ãkol <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Ãkol #12</a>: PÅedmÄt Ãºkolu</td></tr>
 <tr><th></th><td>Revize r43</td><td>Revize <a href="#">r43</a></td></tr>
@@ -53,7 +53,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">VnoÅenÃ© obrÃ¡zky <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "ObrÃ¡zek" }) %></th><td>![](<em>url_obrÃ¡zku</em>)</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "ObrÃ¡zek" }) %></th><td>![](<em>url_obrÃ¡zku</em>)</td><td></td></tr>
 <tr><th></th><td>![](<em>vnoÅenÃ½_obrÃ¡zek</em>)</td><td></td></tr>
 
 <tr><th colspan="3">Tabulky</th></tr>
diff --git a/app/views/help/wiki_syntax/markdown/de/wiki_syntax_markdown.html.erb b/app/views/help/wiki_syntax/markdown/de/wiki_syntax_markdown.html.erb
index 83119def1..372e2d4cd 100644
--- a/app/views/help/wiki_syntax/markdown/de/wiki_syntax_markdown.html.erb
+++ b/app/views/help/wiki_syntax/markdown/de/wiki_syntax_markdown.html.erb
@@ -11,12 +11,12 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Schriftarten <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">mehr</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Fett" }) %></th><td style="width:50%;">**Fett**</td><td style="width:50%;"><strong>Fett</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Kursiv" }) %></th><td>*Kursiv*</td><td><em>Kursiv</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Unterstrichen" }) %></th><td>_Unterstrichen_</td><td><ins>Unterstrichen</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Durchgestrichen" }) %></th><td>~~Durchgestrichen~~</td><td><del>Durchgestrichen</del></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Inline code" }) %></th><td>`Inline Code`</td><td><code>Inline Code</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Vorformatiertert Text" }) %></th><td>```<br />&nbsp;vorformatierte<br />&nbsp;Textzeilen<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Fett" }) %></th><td style="width:50%;">**Fett**</td><td style="width:50%;"><strong>Fett</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Kursiv" }) %></th><td>*Kursiv*</td><td><em>Kursiv</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Unterstrichen" }) %></th><td>_Unterstrichen_</td><td><ins>Unterstrichen</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Durchgestrichen" }) %></th><td>~~Durchgestrichen~~</td><td><del>Durchgestrichen</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Inline code" }) %></th><td>`Inline Code`</td><td><code>Inline Code</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>```<br />&nbsp;vorformatierte<br />&nbsp;Textzeilen<br />```</td><td>
 <pre>
  vorformatierte
  Textzeilen
@@ -24,7 +24,7 @@
 </td></tr>
 
 <tr><th colspan="3">Hervorgehobener Programmcode <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">mehr</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">UnterstÃ¼tzte Sprachen</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "Highlighted code" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "Highlighted code" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -32,20 +32,20 @@
 </td></tr>
 
 <tr><th colspan="3">Listen</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Ungeordnete Liste" }) %></th><td>* Element 1<br />&nbsp;&nbsp;* Sub<br />* Element 2</td><td><ul><li>Element 1<ul><li>Sub</li></ul></li><li>Element 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Geordnete Liste" }) %></th><td>1. Element 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Element 2</td><td><ol><li>Element 1<ol><li>Sub</li></ol></li><li>Element 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Ungeordnete Liste" }) %></th><td>* Element 1<br />&nbsp;&nbsp;* Sub<br />* Element 2</td><td><ul><li>Element 1<ul><li>Sub</li></ul></li><li>Element 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Geordnete Liste" }) %></th><td>1. Element 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Element 2</td><td><ol><li>Element 1<ol><li>Sub</li></ol></li><li>Element 2</li></ol></td></tr>
 
 <tr><th colspan="3">Ãberschriften <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">mehr</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Ãberschrift 1" }) %></th><td># Titel 1</td><td><h1>Titel 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Ãberschrift 2" }) %></th><td>## Titel 2</td><td><h2>Titel 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Ãberschrift 3" }) %></th><td>### Titel 3</td><td><h3>Titel 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Ãberschrift 1" }) %></th><td># Titel 1</td><td><h1>Titel 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Ãberschrift 2" }) %></th><td>## Titel 2</td><td><h2>Titel 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Ãberschrift 3" }) %></th><td>### Titel 3</td><td><h3>Titel 3</h3></td></tr>
 
 <tr><th colspan="3">Externe Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">mehr</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>[Foo](http://foo.bar)</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine interne Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">mehr</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link zu einer Wiki Seite" }) %></th><td>[[Wiki Seite]]</td><td><a href="#">Wiki Seite</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link zu einer Wiki Seite" }) %></th><td>[[Wiki Seite]]</td><td><a href="#">Wiki Seite</a></td></tr>
 <tr><th></th><td>Ticket #12</td><td>Ticket <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Fehler #12</a>: Titel der Aufgabe</td></tr>
 <tr><th></th><td>Revision r43</td><td>Revision <a href="#">r43</a></td></tr>
@@ -53,7 +53,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">eingebettete Bilder <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">mehr</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Bild" }) %></th><td>![](<em>URL_zu_dem_Bild</em>)</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Bild" }) %></th><td>![](<em>URL_zu_dem_Bild</em>)</td><td></td></tr>
 <tr><th></th><td>![](<em>angehÃ¤ngtes_Bild</em>)</td><td></td></tr>
 
 <tr><th colspan="3">Tabellen</th></tr>
diff --git a/app/views/help/wiki_syntax/markdown/en/wiki_syntax_markdown.html.erb b/app/views/help/wiki_syntax/markdown/en/wiki_syntax_markdown.html.erb
index 38cdc237f..c5f2b76df 100644
--- a/app/views/help/wiki_syntax/markdown/en/wiki_syntax_markdown.html.erb
+++ b/app/views/help/wiki_syntax/markdown/en/wiki_syntax_markdown.html.erb
@@ -11,12 +11,12 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Font Styles <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Strong" }) %></th><td style="width:50%;">**Strong**</td><td style="width:50%;"><strong>Strong</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Italic" }) %></th><td>*Italic*</td><td><em>Italic</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Underline" }) %></th><td>_Underline_</td><td><ins>Underline</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Deleted" }) %></th><td>~~Deleted~~</td><td><del>Deleted</del></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Inline code" }) %></th><td>`Inline Code`</td><td><code>Inline Code</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Preformatted text" }) %></th><td>```<br />&nbsp;lines<br />&nbsp;of code<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Strong" }) %></th><td style="width:50%;">**Strong**</td><td style="width:50%;"><strong>Strong</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Italic" }) %></th><td>*Italic*</td><td><em>Italic</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Underline" }) %></th><td>_Underline_</td><td><ins>Underline</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Deleted" }) %></th><td>~~Deleted~~</td><td><del>Deleted</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Inline code" }) %></th><td>`Inline Code`</td><td><code>Inline Code</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>```<br />&nbsp;lines<br />&nbsp;of code<br />```</td><td>
 <pre>
  lines
  of code
@@ -24,7 +24,7 @@
 </td></tr>
 
 <tr><th colspan="3">Highlighted code <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "Highlighted code" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "Highlighted code" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -32,20 +32,20 @@
 </td></tr>
 
 <tr><th colspan="3">Lists</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Unordered list" }) %></th><td>* Item 1<br />&nbsp;&nbsp;* Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Ordered list" }) %></th><td>1. Item 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />&nbsp;&nbsp;* Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td>1. Item 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
 
 <tr><th colspan="3">Headings <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Heading 1" }) %></th><td># Title 1</td><td><h1>Title 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Heading 2" }) %></th><td>## Title 2</td><td><h2>Title 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Heading 3" }) %></th><td>### Title 3</td><td><h3>Title 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Heading 1" }) %></th><td># Title 1</td><td><h1>Title 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Heading 2" }) %></th><td>## Title 2</td><td><h2>Title 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Heading 3" }) %></th><td>### Title 3</td><td><h3>Title 3</h3></td></tr>
 
 <tr><th colspan="3">Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>[Foo](http://foo.bar)</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
 <tr><th></th><td>Issue #12</td><td>Issue <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>Revision r43</td><td>Revision <a href="#">r43</a></td></tr>
@@ -53,7 +53,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">Inline images <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>![](<em>image_url</em>)</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>![](<em>image_url</em>)</td><td></td></tr>
 <tr><th></th><td>![](<em>attached_image</em>)</td><td></td></tr>
 
 <tr><th colspan="3">Tables</th></tr>
diff --git a/app/views/help/wiki_syntax/markdown/es-pa/wiki_syntax_markdown.html.erb b/app/views/help/wiki_syntax/markdown/es-pa/wiki_syntax_markdown.html.erb
index 6f4ece753..e3df370dc 100644
--- a/app/views/help/wiki_syntax/markdown/es-pa/wiki_syntax_markdown.html.erb
+++ b/app/views/help/wiki_syntax/markdown/es-pa/wiki_syntax_markdown.html.erb
@@ -11,12 +11,12 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Font Styles <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Strong" }) %></th><td style="width:50%;">**Strong**</td><td style="width:50%;"><strong>Strong</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Italic" }) %></th><td>*Italic*</td><td><em>Italic</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Underline" }) %></th><td>_Underline_</td><td><ins>Underline</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Deleted" }) %></th><td>~~Deleted~~</td><td><del>Deleted</del></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Inline code" }) %></th><td>`Inline Code`</td><td><code>Inline Code</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Preformatted text" }) %></th><td>```<br />&nbsp;lines<br />&nbsp;of code<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Strong" }) %></th><td style="width:50%;">**Strong**</td><td style="width:50%;"><strong>Strong</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Italic" }) %></th><td>*Italic*</td><td><em>Italic</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Underline" }) %></th><td>_Underline_</td><td><ins>Underline</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Deleted" }) %></th><td>~~Deleted~~</td><td><del>Deleted</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Inline code" }) %></th><td>`Inline Code`</td><td><code>Inline Code</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>```<br />&nbsp;lines<br />&nbsp;of code<br />```</td><td>
 <pre>
  lines
  of code
@@ -24,7 +24,7 @@
 </td></tr>
 
 <tr><th colspan="3">Highlighted code <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "CÃ³digo resaltado" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "CÃ³digo resaltado" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -32,20 +32,20 @@
 </td></tr>
 
 <tr><th colspan="3">Lists</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Unordered list" }) %></th><td>* Item 1<br />&nbsp;&nbsp;* Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Ordered list" }) %></th><td>1. Item 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />&nbsp;&nbsp;* Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td>1. Item 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
 
 <tr><th colspan="3">Headings <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Heading 1" }) %></th><td># Title 1</td><td><h1>Title 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Heading 2" }) %></th><td>## Title 2</td><td><h2>Title 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Heading 3" }) %></th><td>### Title 3</td><td><h3>Title 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Heading 1" }) %></th><td># Title 1</td><td><h1>Title 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Heading 2" }) %></th><td>## Title 2</td><td><h2>Title 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Heading 3" }) %></th><td>### Title 3</td><td><h3>Title 3</h3></td></tr>
 
 <tr><th colspan="3">Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>[Foo](http://foo.bar)</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
 <tr><th></th><td>Issue #12</td><td>Issue <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>Revision r43</td><td>Revision <a href="#">r43</a></td></tr>
@@ -53,7 +53,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">Inline images <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>![](<em>image_url</em>)</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>![](<em>image_url</em>)</td><td></td></tr>
 <tr><th></th><td>![](<em>attached_image</em>)</td><td></td></tr>
 
 <tr><th colspan="3">Tables</th></tr>
diff --git a/app/views/help/wiki_syntax/markdown/es/wiki_syntax_markdown.html.erb b/app/views/help/wiki_syntax/markdown/es/wiki_syntax_markdown.html.erb
index 6f4ece753..e3df370dc 100644
--- a/app/views/help/wiki_syntax/markdown/es/wiki_syntax_markdown.html.erb
+++ b/app/views/help/wiki_syntax/markdown/es/wiki_syntax_markdown.html.erb
@@ -11,12 +11,12 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Font Styles <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Strong" }) %></th><td style="width:50%;">**Strong**</td><td style="width:50%;"><strong>Strong</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Italic" }) %></th><td>*Italic*</td><td><em>Italic</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Underline" }) %></th><td>_Underline_</td><td><ins>Underline</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Deleted" }) %></th><td>~~Deleted~~</td><td><del>Deleted</del></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Inline code" }) %></th><td>`Inline Code`</td><td><code>Inline Code</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Preformatted text" }) %></th><td>```<br />&nbsp;lines<br />&nbsp;of code<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Strong" }) %></th><td style="width:50%;">**Strong**</td><td style="width:50%;"><strong>Strong</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Italic" }) %></th><td>*Italic*</td><td><em>Italic</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Underline" }) %></th><td>_Underline_</td><td><ins>Underline</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Deleted" }) %></th><td>~~Deleted~~</td><td><del>Deleted</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Inline code" }) %></th><td>`Inline Code`</td><td><code>Inline Code</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>```<br />&nbsp;lines<br />&nbsp;of code<br />```</td><td>
 <pre>
  lines
  of code
@@ -24,7 +24,7 @@
 </td></tr>
 
 <tr><th colspan="3">Highlighted code <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "CÃ³digo resaltado" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "CÃ³digo resaltado" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -32,20 +32,20 @@
 </td></tr>
 
 <tr><th colspan="3">Lists</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Unordered list" }) %></th><td>* Item 1<br />&nbsp;&nbsp;* Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Ordered list" }) %></th><td>1. Item 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />&nbsp;&nbsp;* Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td>1. Item 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
 
 <tr><th colspan="3">Headings <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Heading 1" }) %></th><td># Title 1</td><td><h1>Title 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Heading 2" }) %></th><td>## Title 2</td><td><h2>Title 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Heading 3" }) %></th><td>### Title 3</td><td><h3>Title 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Heading 1" }) %></th><td># Title 1</td><td><h1>Title 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Heading 2" }) %></th><td>## Title 2</td><td><h2>Title 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Heading 3" }) %></th><td>### Title 3</td><td><h3>Title 3</h3></td></tr>
 
 <tr><th colspan="3">Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>[Foo](http://foo.bar)</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
 <tr><th></th><td>Issue #12</td><td>Issue <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>Revision r43</td><td>Revision <a href="#">r43</a></td></tr>
@@ -53,7 +53,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">Inline images <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>![](<em>image_url</em>)</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>![](<em>image_url</em>)</td><td></td></tr>
 <tr><th></th><td>![](<em>attached_image</em>)</td><td></td></tr>
 
 <tr><th colspan="3">Tables</th></tr>
diff --git a/app/views/help/wiki_syntax/markdown/fr/wiki_syntax_markdown.html.erb b/app/views/help/wiki_syntax/markdown/fr/wiki_syntax_markdown.html.erb
index 67d29bfda..0e2485937 100644
--- a/app/views/help/wiki_syntax/markdown/fr/wiki_syntax_markdown.html.erb
+++ b/app/views/help/wiki_syntax/markdown/fr/wiki_syntax_markdown.html.erb
@@ -11,12 +11,12 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Font Styles <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Strong" }) %></th><td style="width:50%;">**Strong**</td><td style="width:50%;"><strong>Strong</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Italic" }) %></th><td>*Italic*</td><td><em>Italic</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Underline" }) %></th><td>_Underline_</td><td><ins>Underline</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Deleted" }) %></th><td>~~Deleted~~</td><td><del>Deleted</del></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Inline code" }) %></th><td>`Inline Code`</td><td><code>Inline Code</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Preformatted text" }) %></th><td>```<br />&nbsp;lines<br />&nbsp;of code<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Strong" }) %></th><td style="width:50%;">**Strong**</td><td style="width:50%;"><strong>Strong</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Italic" }) %></th><td>*Italic*</td><td><em>Italic</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Underline" }) %></th><td>_Underline_</td><td><ins>Underline</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Deleted" }) %></th><td>~~Deleted~~</td><td><del>Deleted</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Inline code" }) %></th><td>`Inline Code`</td><td><code>Inline Code</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>```<br />&nbsp;lines<br />&nbsp;of code<br />```</td><td>
 <pre>
  lines
  of code
@@ -24,7 +24,7 @@
 </td></tr>
 
 <tr><th colspan="3">Highlighted code <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "Code colorisÃ©" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "Code colorisÃ©" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -32,20 +32,20 @@
 </td></tr>
 
 <tr><th colspan="3">Lists</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Unordered list" }) %></th><td>* Item 1<br />&nbsp;&nbsp;* Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Ordered list" }) %></th><td>1. Item 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />&nbsp;&nbsp;* Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td>1. Item 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
 
 <tr><th colspan="3">Headings <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Heading 1" }) %></th><td># Title 1</td><td><h1>Title 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Heading 2" }) %></th><td>## Title 2</td><td><h2>Title 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Heading 3" }) %></th><td>### Title 3</td><td><h3>Title 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Heading 1" }) %></th><td># Title 1</td><td><h1>Title 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Heading 2" }) %></th><td>## Title 2</td><td><h2>Title 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Heading 3" }) %></th><td>### Title 3</td><td><h3>Title 3</h3></td></tr>
 
 <tr><th colspan="3">Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>[Foo](http://foo.bar)</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
 <tr><th></th><td>Issue #12</td><td>Issue <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>Revision r43</td><td>Revision <a href="#">r43</a></td></tr>
@@ -53,7 +53,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">Inline images <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>![](<em>image_url</em>)</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>![](<em>image_url</em>)</td><td></td></tr>
 <tr><th></th><td>![](<em>attached_image</em>)</td><td></td></tr>
 
 <tr><th colspan="3">Tables</th></tr>
diff --git a/app/views/help/wiki_syntax/markdown/gl/wiki_syntax_markdown.html.erb b/app/views/help/wiki_syntax/markdown/gl/wiki_syntax_markdown.html.erb
index 6f4ece753..e3df370dc 100644
--- a/app/views/help/wiki_syntax/markdown/gl/wiki_syntax_markdown.html.erb
+++ b/app/views/help/wiki_syntax/markdown/gl/wiki_syntax_markdown.html.erb
@@ -11,12 +11,12 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Font Styles <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Strong" }) %></th><td style="width:50%;">**Strong**</td><td style="width:50%;"><strong>Strong</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Italic" }) %></th><td>*Italic*</td><td><em>Italic</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Underline" }) %></th><td>_Underline_</td><td><ins>Underline</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Deleted" }) %></th><td>~~Deleted~~</td><td><del>Deleted</del></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Inline code" }) %></th><td>`Inline Code`</td><td><code>Inline Code</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Preformatted text" }) %></th><td>```<br />&nbsp;lines<br />&nbsp;of code<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Strong" }) %></th><td style="width:50%;">**Strong**</td><td style="width:50%;"><strong>Strong</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Italic" }) %></th><td>*Italic*</td><td><em>Italic</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Underline" }) %></th><td>_Underline_</td><td><ins>Underline</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Deleted" }) %></th><td>~~Deleted~~</td><td><del>Deleted</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Inline code" }) %></th><td>`Inline Code`</td><td><code>Inline Code</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>```<br />&nbsp;lines<br />&nbsp;of code<br />```</td><td>
 <pre>
  lines
  of code
@@ -24,7 +24,7 @@
 </td></tr>
 
 <tr><th colspan="3">Highlighted code <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "CÃ³digo resaltado" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "CÃ³digo resaltado" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -32,20 +32,20 @@
 </td></tr>
 
 <tr><th colspan="3">Lists</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Unordered list" }) %></th><td>* Item 1<br />&nbsp;&nbsp;* Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Ordered list" }) %></th><td>1. Item 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />&nbsp;&nbsp;* Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td>1. Item 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
 
 <tr><th colspan="3">Headings <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Heading 1" }) %></th><td># Title 1</td><td><h1>Title 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Heading 2" }) %></th><td>## Title 2</td><td><h2>Title 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Heading 3" }) %></th><td>### Title 3</td><td><h3>Title 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Heading 1" }) %></th><td># Title 1</td><td><h1>Title 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Heading 2" }) %></th><td>## Title 2</td><td><h2>Title 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Heading 3" }) %></th><td>### Title 3</td><td><h3>Title 3</h3></td></tr>
 
 <tr><th colspan="3">Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>[Foo](http://foo.bar)</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
 <tr><th></th><td>Issue #12</td><td>Issue <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>Revision r43</td><td>Revision <a href="#">r43</a></td></tr>
@@ -53,7 +53,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">Inline images <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>![](<em>image_url</em>)</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>![](<em>image_url</em>)</td><td></td></tr>
 <tr><th></th><td>![](<em>attached_image</em>)</td><td></td></tr>
 
 <tr><th colspan="3">Tables</th></tr>
diff --git a/app/views/help/wiki_syntax/markdown/ja/wiki_syntax_markdown.html.erb b/app/views/help/wiki_syntax/markdown/ja/wiki_syntax_markdown.html.erb
index 6deb4d388..f54f8a8c9 100644
--- a/app/views/help/wiki_syntax/markdown/ja/wiki_syntax_markdown.html.erb
+++ b/app/views/help/wiki_syntax/markdown/ja/wiki_syntax_markdown.html.erb
@@ -11,11 +11,11 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Font Styles <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">è©³ç´°</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "å¤ªå­" }) %></th><td style="width:50%;">**å¤ªå­**</td><td style="width:50%;"><strong>å¤ªå­</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "æä½" }) %></th><td>*æä½*</td><td><em>æä½</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "åãæ¶ãç·" }) %></th><td>~~åãæ¶ãç·~~</td><td><del>åãæ¶ãç·</del></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "ã³ã¼ã" }) %></th><td>`ã³ã¼ã`</td><td><code>ã³ã¼ã</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "æ´å½¢æ¸ã¿ãã­ã¹ã" }) %></th><td>```<br />&nbsp;è¤æ°è¡ã®<br />&nbsp;ã³ã¼ã<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "å¤ªå­" }) %></th><td style="width:50%;">**å¤ªå­**</td><td style="width:50%;"><strong>å¤ªå­</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "æä½" }) %></th><td>*æä½*</td><td><em>æä½</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "åãæ¶ãç·" }) %></th><td>~~åãæ¶ãç·~~</td><td><del>åãæ¶ãç·</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "ã³ã¼ã" }) %></th><td>`ã³ã¼ã`</td><td><code>ã³ã¼ã</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>```<br />&nbsp;è¤æ°è¡ã®<br />&nbsp;ã³ã¼ã<br />```</td><td>
 <pre>
  è¤æ°è¡ã®
  ã³ã¼ã
@@ -23,7 +23,7 @@
 </td></tr>
 
 <tr><th colspan="3">ã³ã¼ããã¤ã©ã¤ã <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">è©³ç´°</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">å¯¾å¿è¨èª</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "ã³ã¼ããã¤ã©ã¤ã" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "ã³ã¼ããã¤ã©ã¤ã" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -31,20 +31,20 @@
 </td></tr>
 
 <tr><th colspan="3">ãªã¹ã</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "ãªã¹ã" }) %></th><td>* é ç®1<br />&nbsp;&nbsp;* ä¸ä½éå±¤ã®é ç®<br />* é ç®2</td><td><ul><li>é ç®1<ul><li>ä¸ä½éå±¤ã®é ç®</li></ul></li><li>é ç®2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "é åºä»ããªã¹ã" }) %></th><td>1. é ç®1<br />&nbsp;&nbsp;&nbsp;1. ä¸ä½éå±¤ã®é ç®<br />2. é ç®2</td><td><ol><li>é ç®1<ol><li>ä¸ä½éå±¤ã®é ç®</li></ol></li><li>é ç®2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "ãªã¹ã" }) %></th><td>* é ç®1<br />&nbsp;&nbsp;* ä¸ä½éå±¤ã®é ç®<br />* é ç®2</td><td><ul><li>é ç®1<ul><li>ä¸ä½éå±¤ã®é ç®</li></ul></li><li>é ç®2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "é åºä»ããªã¹ã" }) %></th><td>1. é ç®1<br />&nbsp;&nbsp;&nbsp;1. ä¸ä½éå±¤ã®é ç®<br />2. é ç®2</td><td><ol><li>é ç®1<ol><li>ä¸ä½éå±¤ã®é ç®</li></ol></li><li>é ç®2</li></ol></td></tr>
 
 <tr><th colspan="3">è¦åºã <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">è©³ç´°</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Heading 1" }) %></th><td># ã¿ã¤ãã«1</td><td><h1>ã¿ã¤ãã«1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Heading 2" }) %></th><td>## ã¿ã¤ãã«2</td><td><h2>ã¿ã¤ãã«2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Heading 3" }) %></th><td>### ã¿ã¤ãã«3</td><td><h3>ã¿ã¤ãã«3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Heading 1" }) %></th><td># ã¿ã¤ãã«1</td><td><h1>ã¿ã¤ãã«1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Heading 2" }) %></th><td>## ã¿ã¤ãã«2</td><td><h2>ã¿ã¤ãã«2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Heading 3" }) %></th><td>### ã¿ã¤ãã«3</td><td><h3>ã¿ã¤ãã«3</h3></td></tr>
 
 <tr><th colspan="3">ãªã³ã¯ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">è©³ç´°</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>[Foo](http://foo.bar)</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmineåã®ãªã³ã¯ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">è©³ç´°</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Wikiãã¼ã¸ã¸ã®ãªã³ã¯" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Wikiãã¼ã¸ã¸ã®ãªã³ã¯" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
 <tr><th></th><td>ãã±ãã #12</td><td>ãã±ãã <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>ãªãã¸ã§ã³ r43</td><td>ãªãã¸ã§ã³ <a href="#">r43</a></td></tr>
@@ -52,7 +52,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">ç»å <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">è©³ç´°</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>![](<em>ç»åURL</em>)</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>![](<em>ç»åURL</em>)</td><td></td></tr>
 <tr><th></th><td>![](<em>æ·»ä»ãã¡ã¤ã«å</em>)</td><td></td></tr>
 
 <tr><th colspan="3">Tables</th></tr>
diff --git a/app/views/help/wiki_syntax/markdown/ko/wiki_syntax_markdown.html.erb b/app/views/help/wiki_syntax/markdown/ko/wiki_syntax_markdown.html.erb
index 7fc03c54b..b27dbbed4 100644
--- a/app/views/help/wiki_syntax/markdown/ko/wiki_syntax_markdown.html.erb
+++ b/app/views/help/wiki_syntax/markdown/ko/wiki_syntax_markdown.html.erb
@@ -11,12 +11,12 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Font Styles <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Strong" }) %></th><td style="width:50%;">**Strong**</td><td style="width:50%;"><strong>Strong</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Italic" }) %></th><td>*Italic*</td><td><em>Italic</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Underline" }) %></th><td>_Underline_</td><td><ins>Underline</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Deleted" }) %></th><td>~~Deleted~~</td><td><del>Deleted</del></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Inline code" }) %></th><td>`Inline Code`</td><td><code>Inline Code</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Preformatted text" }) %></th><td>```<br />&nbsp;lines<br />&nbsp;of code<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Strong" }) %></th><td style="width:50%;">**Strong**</td><td style="width:50%;"><strong>Strong</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Italic" }) %></th><td>*Italic*</td><td><em>Italic</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Underline" }) %></th><td>_Underline_</td><td><ins>Underline</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Deleted" }) %></th><td>~~Deleted~~</td><td><del>Deleted</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Inline code" }) %></th><td>`Inline Code`</td><td><code>Inline Code</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>```<br />&nbsp;lines<br />&nbsp;of code<br />```</td><td>
 <pre>
  lines
  of code
@@ -24,7 +24,7 @@
 </td></tr>
 
 <tr><th colspan="3">Highlighted code <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "ììíí ì½ë" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "ììíí ì½ë" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -32,20 +32,20 @@
 </td></tr>
 
 <tr><th colspan="3">Lists</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Unordered list" }) %></th><td>* Item 1<br />&nbsp;&nbsp;* Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Ordered list" }) %></th><td>1. Item 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />&nbsp;&nbsp;* Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td>1. Item 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
 
 <tr><th colspan="3">Headings <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Heading 1" }) %></th><td># Title 1</td><td><h1>Title 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Heading 2" }) %></th><td>## Title 2</td><td><h2>Title 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Heading 3" }) %></th><td>### Title 3</td><td><h3>Title 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Heading 1" }) %></th><td># Title 1</td><td><h1>Title 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Heading 2" }) %></th><td>## Title 2</td><td><h2>Title 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Heading 3" }) %></th><td>### Title 3</td><td><h3>Title 3</h3></td></tr>
 
 <tr><th colspan="3">Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>[Foo](http://foo.bar)</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
 <tr><th></th><td>Issue #12</td><td>Issue <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>Revision r43</td><td>Revision <a href="#">r43</a></td></tr>
@@ -53,7 +53,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">Inline images <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>![](<em>image_url</em>)</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>![](<em>image_url</em>)</td><td></td></tr>
 <tr><th></th><td>![](<em>attached_image</em>)</td><td></td></tr>
 
 <tr><th colspan="3">Tables</th></tr>
diff --git a/app/views/help/wiki_syntax/markdown/nl/wiki_syntax_markdown.html.erb b/app/views/help/wiki_syntax/markdown/nl/wiki_syntax_markdown.html.erb
index 8a4821aea..0e2e829a5 100644
--- a/app/views/help/wiki_syntax/markdown/nl/wiki_syntax_markdown.html.erb
+++ b/app/views/help/wiki_syntax/markdown/nl/wiki_syntax_markdown.html.erb
@@ -11,12 +11,12 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Font Styles <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Strong" }) %></th><td style="width:50%;">**Strong**</td><td style="width:50%;"><strong>Strong</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Italic" }) %></th><td>*Italic*</td><td><em>Italic</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Underline" }) %></th><td>_Underline_</td><td><ins>Underline</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Deleted" }) %></th><td>~~Deleted~~</td><td><del>Deleted</del></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Inline code" }) %></th><td>`Inline Code`</td><td><code>Inline Code</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Preformatted text" }) %></th><td>```<br />&nbsp;lines<br />&nbsp;of code<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Strong" }) %></th><td style="width:50%;">**Strong**</td><td style="width:50%;"><strong>Strong</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Italic" }) %></th><td>*Italic*</td><td><em>Italic</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Underline" }) %></th><td>_Underline_</td><td><ins>Underline</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Deleted" }) %></th><td>~~Deleted~~</td><td><del>Deleted</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Inline code" }) %></th><td>`Inline Code`</td><td><code>Inline Code</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>```<br />&nbsp;lines<br />&nbsp;of code<br />```</td><td>
 <pre>
  lines
  of code
@@ -24,7 +24,7 @@
 </td></tr>
 
 <tr><th colspan="3">Highlighted code <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "Gemarkeerde code" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "Gemarkeerde code" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -32,20 +32,20 @@
 </td></tr>
 
 <tr><th colspan="3">Lists</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Unordered list" }) %></th><td>* Item 1<br />&nbsp;&nbsp;* Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Ordered list" }) %></th><td>1. Item 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />&nbsp;&nbsp;* Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td>1. Item 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
 
 <tr><th colspan="3">Headings <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Heading 1" }) %></th><td># Title 1</td><td><h1>Title 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Heading 2" }) %></th><td>## Title 2</td><td><h2>Title 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Heading 3" }) %></th><td>### Title 3</td><td><h3>Title 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Heading 1" }) %></th><td># Title 1</td><td><h1>Title 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Heading 2" }) %></th><td>## Title 2</td><td><h2>Title 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Heading 3" }) %></th><td>### Title 3</td><td><h3>Title 3</h3></td></tr>
 
 <tr><th colspan="3">Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>[Foo](http://foo.bar)</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
 <tr><th></th><td>Issue #12</td><td>Issue <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>Revision r43</td><td>Revision <a href="#">r43</a></td></tr>
@@ -53,7 +53,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">Inline images <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>![](<em>image_url</em>)</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>![](<em>image_url</em>)</td><td></td></tr>
 <tr><th></th><td>![](<em>attached_image</em>)</td><td></td></tr>
 
 <tr><th colspan="3">Tables</th></tr>
diff --git a/app/views/help/wiki_syntax/markdown/pt-br/wiki_syntax_markdown.html.erb b/app/views/help/wiki_syntax/markdown/pt-br/wiki_syntax_markdown.html.erb
index cbc6f4610..62312df82 100644
--- a/app/views/help/wiki_syntax/markdown/pt-br/wiki_syntax_markdown.html.erb
+++ b/app/views/help/wiki_syntax/markdown/pt-br/wiki_syntax_markdown.html.erb
@@ -11,12 +11,12 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Estilos de Fonte <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Strong" }) %></th><td style="width:50%;">**Negrito**</td><td style="width:50%;"><strong>Negrito</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Italic" }) %></th><td>*It&aacute;lico*</td><td><em>It&aacute;lico</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Underline" }) %></th><td>_Sublinhado_</td><td><ins>Sublinhado</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Deleted" }) %></th><td>~~Tachado~~</td><td><del>Tachado</del></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Inline code" }) %></th><td>`C&oacute;digo Inline`</td><td><code>C&oacute;digo Inline</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Preformatted text" }) %></th><td>```<br />&nbsp;linhas<br />&nbsp;de c&oacute;digo<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Strong" }) %></th><td style="width:50%;">**Negrito**</td><td style="width:50%;"><strong>Negrito</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Italic" }) %></th><td>*It&aacute;lico*</td><td><em>It&aacute;lico</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Underline" }) %></th><td>_Sublinhado_</td><td><ins>Sublinhado</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Deleted" }) %></th><td>~~Tachado~~</td><td><del>Tachado</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Inline code" }) %></th><td>`C&oacute;digo Inline`</td><td><code>C&oacute;digo Inline</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>```<br />&nbsp;linhas<br />&nbsp;de c&oacute;digo<br />```</td><td>
 <pre>
  linhas
  de c&oacute;digo
@@ -24,7 +24,7 @@
 </td></tr>
 
 <tr><th colspan="3">Highlighted code <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "Highlighted code" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "Highlighted code" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -32,20 +32,20 @@
 </td></tr>
 
 <tr><th colspan="3">Listas</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Unordered list" }) %></th><td>* Item 1<br />&nbsp;&nbsp;* Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Ordered list" }) %></th><td>1. Item 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />&nbsp;&nbsp;* Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td>1. Item 1<br />&nbsp;&nbsp;&nbsp;1. Sub<br />2. Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
 
 <tr><th colspan="3">Cabe&ccedil;alhos <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Heading 1" }) %></th><td># T&iacute;tulo 1</td><td><h1>T&iacute;tulo 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Heading 2" }) %></th><td>## T&iacute;tulo 2</td><td><h2>T&iacute;tulo 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Heading 3" }) %></th><td>### T&iacute;tulo 3</td><td><h3>T&iacute;tulo 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Heading 1" }) %></th><td># T&iacute;tulo 1</td><td><h1>T&iacute;tulo 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Heading 2" }) %></th><td>## T&iacute;tulo 2</td><td><h2>T&iacute;tulo 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Heading 3" }) %></th><td>### T&iacute;tulo 3</td><td><h3>T&iacute;tulo 3</h3></td></tr>
 
 <tr><th colspan="3">Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>[Foo](http://foo.bar)</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Links do Redmine <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link to a Wiki page" }) %></th><td>[[P&aacute;gina Wiki]]</td><td><a href="#">P&aacute;gina Wiki</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link to a Wiki page" }) %></th><td>[[P&aacute;gina Wiki]]</td><td><a href="#">P&aacute;gina Wiki</a></td></tr>
 <tr><th></th><td>Tarefa #12</td><td>Tarefa <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: T&iacute;tulo da tarefa</td></tr>
 <tr><th></th><td>Revis&atilde;o r43</td><td>Revis&atilde;o <a href="#">r43</a></td></tr>
@@ -53,7 +53,7 @@
 <tr><th></th><td>source:algum/arquivo</td><td><a href="#">source:algum/arquivo</a></td></tr>
 
 <tr><th colspan="3">Imagens inline <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>![](<em>url_da_imagem</em>)</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>![](<em>url_da_imagem</em>)</td><td></td></tr>
 <tr><th></th><td>![](<em>imagem_anexada</em>)</td><td></td></tr>
 
 <tr><th colspan="3">Tabelas</th></tr>
diff --git a/app/views/help/wiki_syntax/markdown/ta-in/wiki_syntax_markdown.html.erb b/app/views/help/wiki_syntax/markdown/ta-in/wiki_syntax_markdown.html.erb
index aecc42e81..0f45b18e7 100644
--- a/app/views/help/wiki_syntax/markdown/ta-in/wiki_syntax_markdown.html.erb
+++ b/app/views/help/wiki_syntax/markdown/ta-in/wiki_syntax_markdown.html.erb
@@ -11,12 +11,12 @@
 
 <table style="width:100%">
 <tr><th colspan="3">à®à®´à¯à®¤à¯à®¤à¯à®°à¯ à®ªà®¾à®à¯à®à¯à®à®³à¯ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">à®®à¯à®²à¯à®®à¯</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Strong" }) %></th><td style="width:50%;">**à®µà®²à¯à®µà®¾à®©**</td><td style="width:50%;"><strong>à®µà®²à¯à®µà®¾à®©</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Italic" }) %></th><td>*à®à®¾à®¯à¯à®µà¯*</td><td><em>à®à®¾à®¯à¯à®µà¯</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Underline" }) %></th><td>_à®à®à®¿à®à¯à®à¯à®à®¿à®à¯à®à¯_</td><td><ins>à®à®à®¿à®à¯à®à¯à®à®¿à®à¯à®à¯</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Deleted" }) %></th><td>~~à®¨à¯à®à¯à®à®ªà¯à®ªà®à¯à®à®¤à¯~~</td><td><del>à®¨à¯à®à¯à®à®ªà¯à®ªà®à¯à®à®¤à¯</del></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Inline code" }) %></th><td>`à®à®©à¯à®²à¯à®©à¯ à®à¯à®±à®¿à®¯à¯à®à¯`</td><td><code>à®à®©à¯à®²à¯à®©à¯ à®à¯à®±à®¿à®¯à¯à®à¯</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Preformatted text" }) %></th><td>```<br />&nbsp;à®à¯à®¾à®à¯à®à®³à¯<br />&nbsp;à®à¯à®±à®¿à®¯à¯à®à¯<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Strong" }) %></th><td style="width:50%;">**à®µà®²à¯à®µà®¾à®©**</td><td style="width:50%;"><strong>à®µà®²à¯à®µà®¾à®©</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Italic" }) %></th><td>*à®à®¾à®¯à¯à®µà¯*</td><td><em>à®à®¾à®¯à¯à®µà¯</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Underline" }) %></th><td>_à®à®à®¿à®à¯à®à¯à®à®¿à®à¯à®à¯_</td><td><ins>à®à®à®¿à®à¯à®à¯à®à®¿à®à¯à®à¯</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Deleted" }) %></th><td>~~à®¨à¯à®à¯à®à®ªà¯à®ªà®à¯à®à®¤à¯~~</td><td><del>à®¨à¯à®à¯à®à®ªà¯à®ªà®à¯à®à®¤à¯</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Inline code" }) %></th><td>`à®à®©à¯à®²à¯à®©à¯ à®à¯à®±à®¿à®¯à¯à®à¯`</td><td><code>à®à®©à¯à®²à¯à®©à¯ à®à¯à®±à®¿à®¯à¯à®à¯</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>```<br />&nbsp;à®à¯à®¾à®à¯à®à®³à¯<br />&nbsp;à®à¯à®±à®¿à®¯à¯à®à¯<br />```</td><td>
 <pre>
  à®à¯à®¾à®à¯à®à®³à¯
  à®à¯à®±à®¿à®¯à¯à®à¯
@@ -24,7 +24,7 @@
 </td></tr>
 
 <tr><th colspan="3">à®à®¿à®±à®ªà¯à®ªà®®à¯à®à®®à®¾à® à®à¯à®±à®¿à®¯à¯à®à¯ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">à®®à¯à®²à¯à®®à¯</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "Highlighted code" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "Highlighted code" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -32,20 +32,20 @@
 </td></tr>
 
 <tr><th colspan="3">à®ªà®à¯à®à®¿à®¯à®²à¯à®à®³à¯</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Unordered list" }) %></th><td>* à®ªà¯à®°à¯à®³à¯ 1<br />&nbsp;&nbsp;* à®¤à¯à®£à¯<br />* à®ªà¯à®°à¯à®³à¯ 2</td><td><ul><li>à®ªà¯à®°à¯à®³à¯ 1<ul><li>à®¤à¯à®£à¯</li></ul></li><li>à®ªà¯à®°à¯à®³à¯ 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Ordered list" }) %></th><td>1. à®ªà¯à®°à¯à®³à¯ 1<br />&nbsp;&nbsp;&nbsp;1. à®¤à¯à®£à¯<br />2. à®ªà¯à®°à¯à®³à¯ 2</td><td><ol><li>à®ªà¯à®°à¯à®³à¯ 1<ol><li>à®¤à¯à®£à¯</li></ol></li><li>à®ªà¯à®°à¯à®³à¯ 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* à®ªà¯à®°à¯à®³à¯ 1<br />&nbsp;&nbsp;* à®¤à¯à®£à¯<br />* à®ªà¯à®°à¯à®³à¯ 2</td><td><ul><li>à®ªà¯à®°à¯à®³à¯ 1<ul><li>à®¤à¯à®£à¯</li></ul></li><li>à®ªà¯à®°à¯à®³à¯ 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td>1. à®ªà¯à®°à¯à®³à¯ 1<br />&nbsp;&nbsp;&nbsp;1. à®¤à¯à®£à¯<br />2. à®ªà¯à®°à¯à®³à¯ 2</td><td><ol><li>à®ªà¯à®°à¯à®³à¯ 1<ol><li>à®¤à¯à®£à¯</li></ol></li><li>à®ªà¯à®°à¯à®³à¯ 2</li></ol></td></tr>
 
 <tr><th colspan="3">à®¤à®²à¯à®ªà¯à®ªà¯à®à®³à¯<span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">à®®à¯à®²à¯à®®à¯</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Heading 1" }) %></th><td># à®¤à®²à¯à®ªà¯à®ªà¯ 1</td><td><h1>à®¤à®²à¯à®ªà¯à®ªà¯ 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Heading 2" }) %></th><td>## à®¤à®²à¯à®ªà¯à®ªà¯ 2</td><td><h2>à®¤à®²à¯à®ªà¯à®ªà¯ 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Heading 3" }) %></th><td>### à®¤à®²à¯à®ªà¯à®ªà¯ 3</td><td><h3>à®¤à®²à¯à®ªà¯à®ªà¯ 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Heading 1" }) %></th><td># à®¤à®²à¯à®ªà¯à®ªà¯ 1</td><td><h1>à®¤à®²à¯à®ªà¯à®ªà¯ 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Heading 2" }) %></th><td>## à®¤à®²à¯à®ªà¯à®ªà¯ 2</td><td><h2>à®¤à®²à¯à®ªà¯à®ªà¯ 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Heading 3" }) %></th><td>### à®¤à®²à¯à®ªà¯à®ªà¯ 3</td><td><h3>à®¤à®²à¯à®ªà¯à®ªà¯ 3</h3></td></tr>
 
 <tr><th colspan="3">à®à®£à¯à®ªà¯à®ªà¯à®à®³à¯ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">à®®à¯à®²à¯à®®à¯</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>[Foo](http://foo.bar)</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine à®à®£à¯à®ªà¯à®ªà¯à®à®³à¯ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">à®®à¯à®²à¯à®®à¯</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
 <tr><th></th><td>à®à®¿à®à¯à®à®²à¯à®à®³à¯ #12</td><td>à®à®¿à®à¯à®à®²à¯à®à®³à¯ <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>à®¤à®¿à®°à¯à®¤à¯à®¤à®®à¯ r43</td><td>à®¤à®¿à®°à¯à®¤à¯à®¤à®®à¯ <a href="#">r43</a></td></tr>
@@ -53,7 +53,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">à®à®©à¯à®²à¯à®©à¯ à®ªà®à®à¯à®à®³à¯ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">à®®à¯à®²à¯à®®</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>![](<em>à®ªà®à®®à¯_url</em>)</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>![](<em>à®ªà®à®®à¯_url</em>)</td><td></td></tr>
 <tr><th></th><td>![](<em>à®à®£à¯à®à¯à®à®ªà¯à®ªà®à¯à®_à®ªà®à®®à¯</em>)</td><td></td></tr>
 
 <tr><th colspan="3">à®à®à¯à®à®µà®£à¯</th></tr>
diff --git a/app/views/help/wiki_syntax/markdown/uk/wiki_syntax_markdown.html.erb b/app/views/help/wiki_syntax/markdown/uk/wiki_syntax_markdown.html.erb
index f20234f96..acfabdc9d 100644
--- a/app/views/help/wiki_syntax/markdown/uk/wiki_syntax_markdown.html.erb
+++ b/app/views/help/wiki_syntax/markdown/uk/wiki_syntax_markdown.html.erb
@@ -11,11 +11,11 @@
 
 <table style="width:100%">
 <tr><th colspan="3">CÑÐ¸Ð»Ñ ÑÑÐ¸ÑÑÑÐ² <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "ÐÐ¸ÑÐ½Ð¸Ð¹" }) %></th><td style="width:50%;">**ÐÐ¸ÑÐ½Ð¸Ð¹**</td><td style="width:50%;"><strong>ÐÐ¸ÑÐ½Ð¸Ð¹</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "ÐÑÑÑÐ¸Ð²" }) %></th><td>*ÐÑÑÑÐ¸Ð²*</td><td><em>ÐÑÑÑÐ¸Ð²</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "ÐÐ°ÐºÑÐµÑÐ»ÐµÐ½Ð¸Ð¹" }) %></th><td>~~ÐÐ°ÐºÑÐµÑÐ»ÐµÐ½Ð¸Ð¹~~</td><td><del>ÐÐ°ÐºÑÐµÑÐ»ÐµÐ½Ð¸Ð¹</del></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "ÐÐ½Ð»Ð°Ð¹Ð½ ÐºÐ¾Ð´" }) %></th><td>`ÐÐ½Ð»Ð°Ð¹Ð½ ÐºÐ¾Ð´`</td><td><code>ÐÐ½Ð»Ð°Ð¹Ð½ ÐºÐ¾Ð´</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "ÐÐ¾Ð¿ÐµÑÐµÐ´Ð½ÑÐ¾ Ð²ÑÐ´ÑÐ¾ÑÐ¼Ð°ÑÐ¾Ð²Ð°Ð½Ð¸Ð¹ ÑÐµÐºÑÑ" }) %></th><td>```<br />&nbsp;ÐÐ¾Ð¿ÐµÑÐµÐ´Ð½ÑÐ¾<br />&nbsp;Ð²ÑÐ´ÑÐ¾ÑÐ¼Ð°ÑÐ¾Ð²Ð°Ð½Ð¸Ð¹<br />&nbsp;ÑÐµÐºÑÑ<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "ÐÐ¸ÑÐ½Ð¸Ð¹" }) %></th><td style="width:50%;">**ÐÐ¸ÑÐ½Ð¸Ð¹**</td><td style="width:50%;"><strong>ÐÐ¸ÑÐ½Ð¸Ð¹</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "ÐÑÑÑÐ¸Ð²" }) %></th><td>*ÐÑÑÑÐ¸Ð²*</td><td><em>ÐÑÑÑÐ¸Ð²</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "ÐÐ°ÐºÑÐµÑÐ»ÐµÐ½Ð¸Ð¹" }) %></th><td>~~ÐÐ°ÐºÑÐµÑÐ»ÐµÐ½Ð¸Ð¹~~</td><td><del>ÐÐ°ÐºÑÐµÑÐ»ÐµÐ½Ð¸Ð¹</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "ÐÐ½Ð»Ð°Ð¹Ð½ ÐºÐ¾Ð´" }) %></th><td>`ÐÐ½Ð»Ð°Ð¹Ð½ ÐºÐ¾Ð´`</td><td><code>ÐÐ½Ð»Ð°Ð¹Ð½ ÐºÐ¾Ð´</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>```<br />&nbsp;ÐÐ¾Ð¿ÐµÑÐµÐ´Ð½ÑÐ¾<br />&nbsp;Ð²ÑÐ´ÑÐ¾ÑÐ¼Ð°ÑÐ¾Ð²Ð°Ð½Ð¸Ð¹<br />&nbsp;ÑÐµÐºÑÑ<br />```</td><td>
 <pre>
  ÐÐ¾Ð¿ÐµÑÐµÐ´Ð½ÑÐ¾
  Ð²ÑÐ´ÑÐ¾ÑÐ¼Ð°ÑÐ¾Ð²Ð°Ð½Ð¸Ð¹
@@ -24,7 +24,7 @@
 </td></tr>
 
 <tr><th colspan="3">Ð¸Ð´ÑÐ»ÐµÐ½Ð¸Ð¹ ÐºÐ¾Ð´ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "ÐÐ¸Ð´ÑÐ»ÐµÐ½Ð¸Ð¹ ÐºÐ¾Ð´" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "ÐÐ¸Ð´ÑÐ»ÐµÐ½Ð¸Ð¹ ÐºÐ¾Ð´" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -32,20 +32,20 @@
 </td></tr>
 
 <tr><th colspan="3">Ð¡Ð¿Ð¸ÑÐºÐ¸</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "ÐÐµÐ½ÑÐ¼ÐµÑÐ¾Ð²Ð°Ð½Ð½Ð¸Ð¹ ÑÐ¿Ð¸ÑÐ¾Ðº" }) %></th><td>* ÐÑÐ½ÐºÑ<br />&nbsp;&nbsp;* ÐÑÐ´Ð¿ÑÐ½ÐºÑ<br />* ÐÑÐ½ÐºÑ</td><td><ul><li>ÐÑÐ½ÐºÑ<ul><li>ÐÑÐ´Ð¿ÑÐ½ÐºÑ</li></ul></li><li>ÐÑÐ½ÐºÑ</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "ÐÑÐ¼ÐµÑÐ¾Ð²Ð°Ð½Ð¸Ð¹ ÑÐ¿Ð¸ÑÐ¾Ðº" }) %></th><td>1. ÐÑÐ½ÐºÑ<br />&nbsp;&nbsp;&nbsp;1. ÐÑÐ´Ð¿ÑÐ½ÐºÑ<br />2. ÐÑÐ½ÐºÑ</td><td><ol><li>ÐÑÐ½ÐºÑ<ol><li>ÐÑÐ´Ð¿ÑÐ½ÐºÑ</li></ol></li><li>ÐÑÐ½ÐºÑ</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "ÐÐµÐ½ÑÐ¼ÐµÑÐ¾Ð²Ð°Ð½Ð½Ð¸Ð¹ ÑÐ¿Ð¸ÑÐ¾Ðº" }) %></th><td>* ÐÑÐ½ÐºÑ<br />&nbsp;&nbsp;* ÐÑÐ´Ð¿ÑÐ½ÐºÑ<br />* ÐÑÐ½ÐºÑ</td><td><ul><li>ÐÑÐ½ÐºÑ<ul><li>ÐÑÐ´Ð¿ÑÐ½ÐºÑ</li></ul></li><li>ÐÑÐ½ÐºÑ</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "ÐÑÐ¼ÐµÑÐ¾Ð²Ð°Ð½Ð¸Ð¹ ÑÐ¿Ð¸ÑÐ¾Ðº" }) %></th><td>1. ÐÑÐ½ÐºÑ<br />&nbsp;&nbsp;&nbsp;1. ÐÑÐ´Ð¿ÑÐ½ÐºÑ<br />2. ÐÑÐ½ÐºÑ</td><td><ol><li>ÐÑÐ½ÐºÑ<ol><li>ÐÑÐ´Ð¿ÑÐ½ÐºÑ</li></ol></li><li>ÐÑÐ½ÐºÑ</li></ol></td></tr>
 
 <tr><th colspan="3">ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾ÐºÐ¸ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 1" }) %></th><td># ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 1</td><td><h1>ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº&nbsp;1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 2" }) %></th><td>## ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 2</td><td><h2>ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº&nbsp;2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 3" }) %></th><td>### ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 3</td><td><h3>ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº&nbsp;3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 1" }) %></th><td># ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 1</td><td><h1>ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº&nbsp;1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 2" }) %></th><td>## ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 2</td><td><h2>ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº&nbsp;2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 3" }) %></th><td>### ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 3</td><td><h3>ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº&nbsp;3</h3></td></tr>
 
 <tr><th colspan="3">ÐÑÐ½ÐºÐ¸(Ð¿Ð¾ÑÐ¸Ð»Ð°Ð½Ð½Ñ) <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>[Foo](http://foo.bar)</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine Ð¿Ð¾ÑÐ¸Ð»Ð°Ð½Ð½Ñ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "ÐÐ¾ÑÐ¸Ð»Ð°Ð½Ð½Ñ Ð½Ð° Ð²ÑÐºÑ ÑÑÐ¾ÑÑÐ½ÐºÑ" }) %></th><td>[[ÐÑÐºÑ ÑÑÐ¾ÑÑÐ½ÐºÐ°]]</td><td><a href="#">ÐÑÐºÑ ÑÑÐ¾ÑÑÐ½ÐºÐ°</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "ÐÐ¾ÑÐ¸Ð»Ð°Ð½Ð½Ñ Ð½Ð° Ð²ÑÐºÑ ÑÑÐ¾ÑÑÐ½ÐºÑ" }) %></th><td>[[ÐÑÐºÑ ÑÑÐ¾ÑÑÐ½ÐºÐ°]]</td><td><a href="#">ÐÑÐºÑ ÑÑÐ¾ÑÑÐ½ÐºÐ°</a></td></tr>
 <tr><th></th><td>ÐÐ°Ð²Ð´Ð°Ð½Ð½Ñ #12</td><td>ÐÐ°Ð²Ð´Ð°Ð½Ð½Ñ <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>Revision r43</td><td>Revision <a href="#">r43</a></td></tr>
@@ -53,7 +53,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">ÐÐ±ÑÐ´Ð¾Ð²Ð°Ð½Ñ(inline) Ð·Ð¾Ð±ÑÐ°Ð¶ÐµÐ½Ð½Ñ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>![](<em>image_url</em>)</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>![](<em>image_url</em>)</td><td></td></tr>
 <tr><th></th><td>![](<em>attached_image</em>)</td><td></td></tr>
 
 <tr><th colspan="3">Ð¢Ð°Ð±Ð»Ð¸ÑÑ</th></tr>
diff --git a/app/views/help/wiki_syntax/markdown/zh-tw/wiki_syntax_markdown.html.erb b/app/views/help/wiki_syntax/markdown/zh-tw/wiki_syntax_markdown.html.erb
index 7f1fcd00e..fe5793cb1 100644
--- a/app/views/help/wiki_syntax/markdown/zh-tw/wiki_syntax_markdown.html.erb
+++ b/app/views/help/wiki_syntax/markdown/zh-tw/wiki_syntax_markdown.html.erb
@@ -11,11 +11,11 @@
 
 <table style="width:100%">
 <tr><th colspan="3">å­åæ¨£å¼ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "å¼·èª¿ç²é«" }) %></th><td style="width:50%;">**å¼·èª¿ç²é«**</td><td style="width:50%;"><strong>å¼·èª¿ç²é«</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "æé«" }) %></th><td>*æé«*</td><td><em>æé«</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "åªé¤ç·" }) %></th><td>~~åªé¤ç·~~</td><td><del>åªé¤ç·</del></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "å§åµç¨å¼ç¢¼" }) %></th><td>`å§åµç¨å¼ç¢¼`</td><td><code>å§åµç¨å¼ç¢¼</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "é åæ ¼å¼åçæ®µè½æå­" }) %></th><td>```<br />&nbsp;æ ¼å¼å<br />&nbsp;çæ®µè½æå­<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "å¼·èª¿ç²é«" }) %></th><td style="width:50%;">**å¼·èª¿ç²é«**</td><td style="width:50%;"><strong>å¼·èª¿ç²é«</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "æé«" }) %></th><td>*æé«*</td><td><em>æé«</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "åªé¤ç·" }) %></th><td>~~åªé¤ç·~~</td><td><del>åªé¤ç·</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "å§åµç¨å¼ç¢¼" }) %></th><td>`å§åµç¨å¼ç¢¼`</td><td><code>å§åµç¨å¼ç¢¼</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>```<br />&nbsp;æ ¼å¼å<br />&nbsp;çæ®µè½æå­<br />```</td><td>
 <pre>
  æ ¼å¼å
  çæ®µè½æå­
@@ -23,7 +23,7 @@
 </td></tr>
 
 <tr><th colspan="3">åç½ç¨å¼ç¢¼ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "åç½ç¨å¼ç¢¼" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "åç½ç¨å¼ç¢¼" }) %></th><td>``` ruby<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />```</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -31,20 +31,20 @@
 </td></tr>
 
 <tr><th colspan="3">æ¸å®</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "ä¸æåºæ¸å®" }) %></th><td>* æ¸å®é ç® 1<br />&nbsp;&nbsp;* å­æ¸å®é ç®<br />* æ¸å®é ç® 2</td><td><ul><li>æ¸å®é ç® 1<ul><li>å­æ¸å®é ç®</li></ul></li><li>æ¸å®é ç® 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "æåºæ¸å®" }) %></th><td>1. æ¸å®é ç® 1<br />&nbsp;&nbsp;&nbsp;1. å­æ¸å®é ç®<br />2. æ¸å®é ç® 2</td><td><ol><li>æ¸å®é ç® 1<ol><li>å­æ¸å®é ç®</li></ol></li><li>æ¸å®é ç® 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "ä¸æåºæ¸å®" }) %></th><td>* æ¸å®é ç® 1<br />&nbsp;&nbsp;* å­æ¸å®é ç®<br />* æ¸å®é ç® 2</td><td><ul><li>æ¸å®é ç® 1<ul><li>å­æ¸å®é ç®</li></ul></li><li>æ¸å®é ç® 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "æåºæ¸å®" }) %></th><td>1. æ¸å®é ç® 1<br />&nbsp;&nbsp;&nbsp;1. å­æ¸å®é ç®<br />2. æ¸å®é ç® 2</td><td><ol><li>æ¸å®é ç® 1<ol><li>å­æ¸å®é ç®</li></ol></li><li>æ¸å®é ç® 2</li></ol></td></tr>
 
 <tr><th colspan="3">æ¨é¡ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "æ¨é¡ 1" }) %></th><td># æ¨é¡ 1</td><td><h1>æ¨é¡ 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "æ¨é¡ 2" }) %></th><td>## æ¨é¡ 2</td><td><h2>æ¨é¡ 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "æ¨é¡ 3" }) %></th><td>### æ¨é¡ 3</td><td><h3>æ¨é¡ 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "æ¨é¡ 1" }) %></th><td># æ¨é¡ 1</td><td><h1>æ¨é¡ 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "æ¨é¡ 2" }) %></th><td>## æ¨é¡ 2</td><td><h2>æ¨é¡ 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "æ¨é¡ 3" }) %></th><td>### æ¨é¡ 3</td><td><h3>æ¨é¡ 3</h3></td></tr>
 
 <tr><th colspan="3">é£çµ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>[Foo](http://foo.bar)</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine é£çµ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "é£çµè³ä¸å Wiki é é¢" }) %></th><td>[[Wiki é é¢]]</td><td><a href="#">Wiki é é¢</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "é£çµè³ä¸å Wiki é é¢" }) %></th><td>[[Wiki é é¢]]</td><td><a href="#">Wiki é é¢</a></td></tr>
 <tr><th></th><td>è­°é¡ #12</td><td>è­°é¡ <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>çæ¬¡ r43</td><td>çæ¬¡ <a href="#">r43</a></td></tr>
@@ -52,7 +52,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">å§åµåå <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "åå" }) %></th><td>![](<em>åå_url</em>)</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "åå" }) %></th><td>![](<em>åå_url</em>)</td><td></td></tr>
 <tr><th></th><td>![](<em>éå _åå</em>)</td><td></td></tr>
 
 <tr><th colspan="3">è¡¨æ ¼</th></tr>
diff --git a/app/views/help/wiki_syntax/textile/bg/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/bg/wiki_syntax_textile.html.erb
index 435f6da06..6a9d8298d 100644
--- a/app/views/help/wiki_syntax/textile/bg/wiki_syntax_textile.html.erb
+++ b/app/views/help/wiki_syntax/textile/bg/wiki_syntax_textile.html.erb
@@ -11,13 +11,13 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Font Styles <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Strong" }) %></th><td style="width:50%;">*Strong*</td><td style="width:50%;"><strong>Strong</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Italic" }) %></th><td>_Italic_</td><td><em>Italic</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Underline" }) %></th><td>+Underline+</td><td><ins>Underline</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Deleted" }) %></th><td>-Deleted-</td><td><del>Deleted</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Strong" }) %></th><td style="width:50%;">*Strong*</td><td style="width:50%;"><strong>Strong</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Italic" }) %></th><td>_Italic_</td><td><em>Italic</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Underline" }) %></th><td>+Underline+</td><td><ins>Underline</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Deleted" }) %></th><td>-Deleted-</td><td><del>Deleted</del></td></tr>
 <tr><th></th><td>??Quote??</td><td><cite>Quote</cite></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Inline code" }) %></th><td>@Inline Code@</td><td><code>Inline Code</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Preformatted text" }) %></th><td>&lt;pre&gt;<br />&nbsp;lines<br />&nbsp;of code<br />&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Inline code" }) %></th><td>@Inline Code@</td><td><code>Inline Code</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>&lt;pre&gt;<br />&nbsp;lines<br />&nbsp;of code<br />&lt;/pre&gt;</td><td>
 <pre>
  lines
  of code
@@ -25,7 +25,7 @@
 </td></tr>
 
 <tr><th colspan="3">Highlighted code <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "ÐÐ³ÑÐ°Ð´ÐµÐ½ ÐºÐ¾Ð´" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "ÐÐ³ÑÐ°Ð´ÐµÐ½ ÐºÐ¾Ð´" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -33,20 +33,20 @@
 </td></tr>
 
 <tr><th colspan="3">Lists</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Unordered list" }) %></th><td>* Item 1<br />** Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Ordered list" }) %></th><td># Item 1<br />## Sub<br /># Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />** Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td># Item 1<br />## Sub<br /># Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
 
 <tr><th colspan="3">Headings <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Heading 1" }) %></th><td>h1. Title 1</td><td><h1>Title 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Heading 2" }) %></th><td>h2. Title 2</td><td><h2>Title 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Heading 3" }) %></th><td>h3. Title 3</td><td><h3>Title 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Heading 1" }) %></th><td>h1. Title 1</td><td><h1>Title 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Heading 2" }) %></th><td>h2. Title 2</td><td><h2>Title 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Heading 3" }) %></th><td>h3. Title 3</td><td><h3>Title 3</h3></td></tr>
 
 <tr><th colspan="3">Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>"Foo":http://foo.bar</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
 <tr><th></th><td>Issue #12</td><td>Issue <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>Revision r43</td><td>Revision <a href="#">r43</a></td></tr>
@@ -54,7 +54,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">Inline images <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>!<em>image_url</em>!</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>!<em>image_url</em>!</td><td></td></tr>
 <tr><th></th><td>!<em>attached_image</em>!</td><td></td></tr>
 
 <tr><th colspan="3">Tables</th></tr>
diff --git a/app/views/help/wiki_syntax/textile/ca/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/ca/wiki_syntax_textile.html.erb
index 67d1d0370..701fa54b8 100644
--- a/app/views/help/wiki_syntax/textile/ca/wiki_syntax_textile.html.erb
+++ b/app/views/help/wiki_syntax/textile/ca/wiki_syntax_textile.html.erb
@@ -11,13 +11,13 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Estil de font <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Negreta" }) %></th><td style="width:50%;">*Negreta*</td><td style="width:50%;"><strong>Negreta</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Cursiva" }) %></th><td>_Cursiva_</td><td><em>Cursiva</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Subratllat" }) %></th><td>+Subratllat+</td><td><ins>Subratllat</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Eliminat" }) %></th><td>-Eliminat-</td><td><del>Eliminat</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Negreta" }) %></th><td style="width:50%;">*Negreta*</td><td style="width:50%;"><strong>Negreta</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Cursiva" }) %></th><td>_Cursiva_</td><td><em>Cursiva</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Subratllat" }) %></th><td>+Subratllat+</td><td><ins>Subratllat</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Eliminat" }) %></th><td>-Eliminat-</td><td><del>Eliminat</del></td></tr>
 <tr><th></th><td>??Cita??</td><td><cite>Cita</cite></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Codi en lÃ­nia" }) %></th><td>@Codi en lÃ­nia@</td><td><code>Codi en lÃ­nia</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Linies de codi" }) %></th><td>&lt;pre&gt;<br />&nbsp;linies<br />&nbsp;de codi<br />&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Codi en lÃ­nia" }) %></th><td>@Codi en lÃ­nia@</td><td><code>Codi en lÃ­nia</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>&lt;pre&gt;<br />&nbsp;linies<br />&nbsp;de codi<br />&lt;/pre&gt;</td><td>
 <pre>
  linies
  de codi
@@ -25,7 +25,7 @@
 </td></tr>
 
 <tr><th colspan="3">Highlighted code <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "Highlighted code" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "Highlighted code" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -33,20 +33,20 @@
 </td></tr>
 
 <tr><th colspan="3">Llistes</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Llista desordenada" }) %></th><td>* Article 1<br />** Sub<br />* Article 2</td><td><ul><li>Article 1<ul><li>Sub</li></ul></li><li>Article 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Llista ordenada" }) %></th><td># Article 1<br />## Sub<br /># Article 2</td><td><ol><li>Article 1<ol><li>Sub</li></ol></li><li>Article 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Llista desordenada" }) %></th><td>* Article 1<br />** Sub<br />* Article 2</td><td><ul><li>Article 1<ul><li>Sub</li></ul></li><li>Article 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Llista ordenada" }) %></th><td># Article 1<br />## Sub<br /># Article 2</td><td><ol><li>Article 1<ol><li>Sub</li></ol></li><li>Article 2</li></ol></td></tr>
 
 <tr><th colspan="3">CapÃ§aleres <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "EncapÃ§ament 1" }) %></th><td>h1. TÃ­tol 1</td><td><h1>TÃ­tol 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "EncapÃ§ament 2" }) %></th><td>h2. TÃ­tol 2</td><td><h2>TÃ­tol 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "EncapÃ§ament 3" }) %></th><td>h3. TÃ­tol 3</td><td><h3>TÃ­tol 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "EncapÃ§ament 1" }) %></th><td>h1. TÃ­tol 1</td><td><h1>TÃ­tol 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "EncapÃ§ament 2" }) %></th><td>h2. TÃ­tol 2</td><td><h2>TÃ­tol 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "EncapÃ§ament 3" }) %></th><td>h3. TÃ­tol 3</td><td><h3>TÃ­tol 3</h3></td></tr>
 
 <tr><th colspan="3">Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>"Foo":http://foo.bar</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Links del Redmine <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link a la pagina Wiki" }) %></th><td>[[Pagina Wiki]]</td><td><a href="#">Pagina Wiki</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link a la pagina Wiki" }) %></th><td>[[Pagina Wiki]]</td><td><a href="#">Pagina Wiki</a></td></tr>
 <tr><th></th><td>Assumpte #12</td><td>Assumpte <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>RevisiÃ³ r43</td><td>RevisiÃ³ <a href="#">r43</a></td></tr>
@@ -54,7 +54,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">Imatges <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Imatge" }) %></th><td>!<em>imatge_url</em>!</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Imatge" }) %></th><td>!<em>imatge_url</em>!</td><td></td></tr>
 <tr><th></th><td>!<em>imatge_adjunta</em>!</td><td></td></tr>
 
 <tr><th colspan="3">Taules</th></tr>
diff --git a/app/views/help/wiki_syntax/textile/cs/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/cs/wiki_syntax_textile.html.erb
index 195d101a3..fe12b1587 100644
--- a/app/views/help/wiki_syntax/textile/cs/wiki_syntax_textile.html.erb
+++ b/app/views/help/wiki_syntax/textile/cs/wiki_syntax_textile.html.erb
@@ -11,13 +11,13 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Styly pÃ­sma <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">vÃ­ce</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "tuÄnÃ½" }) %></th><td style="width:50%;">*tuÄnÃ½*</td><td style="width:50%;"><strong>tuÄnÃ½</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "kurzÃ­va" }) %></th><td>_kurzÃ­va_</td><td><em>kurzÃ­va</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "podtrÅ¾enÃ½" }) %></th><td>+podtrÅ¾enÃ½+</td><td><ins>podtrÅ¾enÃ½</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "pÅeÅ¡krtnutÃ½" }) %></th><td>-pÅeÅ¡krtnutÃ½-</td><td><del>pÅeÅ¡krtnutÃ½</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "tuÄnÃ½" }) %></th><td style="width:50%;">*tuÄnÃ½*</td><td style="width:50%;"><strong>tuÄnÃ½</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "kurzÃ­va" }) %></th><td>_kurzÃ­va_</td><td><em>kurzÃ­va</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "podtrÅ¾enÃ½" }) %></th><td>+podtrÅ¾enÃ½+</td><td><ins>podtrÅ¾enÃ½</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "pÅeÅ¡krtnutÃ½" }) %></th><td>-pÅeÅ¡krtnutÃ½-</td><td><del>pÅeÅ¡krtnutÃ½</del></td></tr>
 <tr><th></th><td>??Citace??</td><td><cite>Citace</cite></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "vnoÅenÃ½ kÃ³d" }) %></th><td>@vnoÅenÃ½ kÃ³d@</td><td><code>vnoÅenÃ½ kÃ³d</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "pÅedformÃ¡tovanÃ½ text" }) %></th><td>&lt;pre&gt;<br />&nbsp;ÅÃ¡dky<br />&nbsp;kÃ³du<br />&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "vnoÅenÃ½ kÃ³d" }) %></th><td>@vnoÅenÃ½ kÃ³d@</td><td><code>vnoÅenÃ½ kÃ³d</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>&lt;pre&gt;<br />&nbsp;ÅÃ¡dky<br />&nbsp;kÃ³du<br />&lt;/pre&gt;</td><td>
 <pre>
  ÅÃ¡dky
  kÃ³du
@@ -25,7 +25,7 @@
 </td></tr>
 
 <tr><th colspan="3">ZvÃ½raznÄnÃ½ kÃ³d  <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">vÃ­ce</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">podporovanÃ© jazyky</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "ZvÃ½raznÄnÃ½ kÃ³d" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Ahoj'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "ZvÃ½raznÄnÃ½ kÃ³d" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Ahoj'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Ahoj'</span>
 <span class="k">end</span>
@@ -33,20 +33,20 @@
 </td></tr>
 
 <tr><th colspan="3">Seznamy</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "NesetÅÃ­dÄnÃ½ seznam" }) %></th><td>* PoloÅ¾ka 1<br />** Pod<br />* PoloÅ¾ka 2</td><td><ul><li>PoloÅ¾ka 1<ul><li>Pod</li></ul></li><li>PoloÅ¾ka 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "SetÅÃ­dÄnÃ½ seznam" }) %></th><td># PoloÅ¾ka 1<br />## Pod<br /># PoloÅ¾ka 2</td><td><ol><li>PoloÅ¾ka 1<ol><li>Pod</li></ol></li><li>PoloÅ¾ka 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "NesetÅÃ­dÄnÃ½ seznam" }) %></th><td>* PoloÅ¾ka 1<br />** Pod<br />* PoloÅ¾ka 2</td><td><ul><li>PoloÅ¾ka 1<ul><li>Pod</li></ul></li><li>PoloÅ¾ka 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "SetÅÃ­dÄnÃ½ seznam" }) %></th><td># PoloÅ¾ka 1<br />## Pod<br /># PoloÅ¾ka 2</td><td><ol><li>PoloÅ¾ka 1<ol><li>Pod</li></ol></li><li>PoloÅ¾ka 2</li></ol></td></tr>
 
 <tr><th colspan="3">Nadpisy <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Nadpis 1" }) %></th><td>h1. Nadpis 1</td><td><h1>Nadpis 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Nadpis 2" }) %></th><td>h2. Nadpis 2</td><td><h2>Nadpis 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Nadpis 3" }) %></th><td>h3. Nadpis 3</td><td><h3>Nadpis 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Nadpis 1" }) %></th><td>h1. Nadpis 1</td><td><h1>Nadpis 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Nadpis 2" }) %></th><td>h2. Nadpis 2</td><td><h2>Nadpis 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Nadpis 3" }) %></th><td>h3. Nadpis 3</td><td><h3>Nadpis 3</h3></td></tr>
 
 <tr><th colspan="3">Odkazy <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">vÃ­ce</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>"Odkaz":http://foo.bar</td><td><a href="#">Odkaz</a></td></tr>
 
 <tr><th colspan="3">Redmine odkazy <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">vÃ­ce</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Odkaz na Wiki strÃ¡nku" }) %></th><td>[[Wiki strÃ¡nka]]</td><td><a href="#">Wiki strÃ¡nka</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Odkaz na Wiki strÃ¡nku" }) %></th><td>[[Wiki strÃ¡nka]]</td><td><a href="#">Wiki strÃ¡nka</a></td></tr>
 <tr><th></th><td>Ãkol #12</td><td>Ãkol <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Ãkol #12</a>: PÅedmÄt Ãºkolu</td></tr>
 <tr><th></th><td>Revize r43</td><td>Revize <a href="#">r43</a></td></tr>
@@ -54,7 +54,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">VnoÅenÃ© obrÃ¡zky <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">vÃ­ce</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "ObrÃ¡zek" }) %></th><td>!<em>url_obrÃ¡zku</em>!</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "ObrÃ¡zek" }) %></th><td>!<em>url_obrÃ¡zku</em>!</td><td></td></tr>
 <tr><th></th><td>!<em>vnoÅenÃ½_obrÃ¡zek</em>!</td><td></td></tr>
 
 <tr><th colspan="3">Tabulky</th></tr>
diff --git a/app/views/help/wiki_syntax/textile/de/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/de/wiki_syntax_textile.html.erb
index 54c6a6740..0a6db1299 100644
--- a/app/views/help/wiki_syntax/textile/de/wiki_syntax_textile.html.erb
+++ b/app/views/help/wiki_syntax/textile/de/wiki_syntax_textile.html.erb
@@ -11,13 +11,13 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Schriftarten <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">mehr</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Fett" }) %></th><td style="width:50%;">*Fett*</td><td style="width:50%;"><strong>Fett</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Kursiv" }) %></th><td>_Kursiv_</td><td><em>Kursiv</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Unterstrichen" }) %></th><td>+Unterstrichen+</td><td><ins>Unterstrichen</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Durchgestrichen" }) %></th><td>-Durchgestrichen-</td><td><del>Durchgestrichen</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Fett" }) %></th><td style="width:50%;">*Fett*</td><td style="width:50%;"><strong>Fett</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Kursiv" }) %></th><td>_Kursiv_</td><td><em>Kursiv</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Unterstrichen" }) %></th><td>+Unterstrichen+</td><td><ins>Unterstrichen</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Durchgestrichen" }) %></th><td>-Durchgestrichen-</td><td><del>Durchgestrichen</del></td></tr>
 <tr><th></th><td>??Zitat??</td><td><cite>Zitat</cite></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Inline-Code" }) %></th><td>@Inline-Code@</td><td><code>Inline-Code</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Vorformatierter Text" }) %></th><td>&lt;pre&gt;<br />&nbsp;vorformatierte<br />&nbsp;Codezeilen<br />&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Inline-Code" }) %></th><td>@Inline-Code@</td><td><code>Inline-Code</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>&lt;pre&gt;<br />&nbsp;vorformatierte<br />&nbsp;Codezeilen<br />&lt;/pre&gt;</td><td>
 <pre>
  vorformartierte
  Codezeilen
@@ -25,7 +25,7 @@
 </td></tr>
 
 <tr><th colspan="3">Hervorgehobener Programmcode <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">mehr</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">Unterst&uuml;tzte Sprachen</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "Hervorgehobener Programmcode" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "Hervorgehobener Programmcode" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -33,20 +33,20 @@
 </td></tr>
 
 <tr><th colspan="3">Listen</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Unsortierte Liste" }) %></th><td>* Element 1<br />** Sub<br />* Element 2</td><td><ul><li>Element 1<ul><li>Sub</li></ul></li><li>Element 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Sortierte Liste" }) %></th><td># Element 1<br />## Sub<br /># Element 2</td><td><ol><li>Element 1<ol><li>Sub</li></ol></li><li>Element 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unsortierte Liste" }) %></th><td>* Element 1<br />** Sub<br />* Element 2</td><td><ul><li>Element 1<ul><li>Sub</li></ul></li><li>Element 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Sortierte Liste" }) %></th><td># Element 1<br />## Sub<br /># Element 2</td><td><ol><li>Element 1<ol><li>Sub</li></ol></li><li>Element 2</li></ol></td></tr>
 
 <tr><th colspan="3">&Uuml;berschriften <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">mehr</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "&Uuml;berschrift 1" }) %></th><td>h1. &Uuml;berschrift 1</td><td><h1>&Uuml;berschrift 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "&Uuml;berschrift 2" }) %></th><td>h2. &Uuml;berschrift 2</td><td><h2>&Uuml;berschrift 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "&Uuml;berschrift 3" }) %></th><td>h3. &Uuml;berschrift 3</td><td><h3>&Uuml;berschrift 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "&Uuml;berschrift 1" }) %></th><td>h1. &Uuml;berschrift 1</td><td><h1>&Uuml;berschrift 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "&Uuml;berschrift 2" }) %></th><td>h2. &Uuml;berschrift 2</td><td><h2>&Uuml;berschrift 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "&Uuml;berschrift 3" }) %></th><td>h3. &Uuml;berschrift 3</td><td><h3>&Uuml;berschrift 3</h3></td></tr>
 
 <tr><th colspan="3">Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">mehr</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>"Foo":http://foo.bar</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">mehr</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link zu einer Wiki Seite" }) %></th><td>[[Wiki Seite]]</td><td><a href="#">Wiki Seite</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link zu einer Wiki Seite" }) %></th><td>[[Wiki Seite]]</td><td><a href="#">Wiki Seite</a></td></tr>
 <tr><th></th><td>Ticket #12</td><td>Ticket <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: Titel der Aufgabe</td></tr>
 <tr><th></th><td>Revision r43</td><td>Revision <a href="#">r43</a></td></tr>
@@ -54,7 +54,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">eingebettete Bilder <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">mehr</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Bild" }) %></th><td>!<em>URL_zu_dem_Bild</em>!</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Bild" }) %></th><td>!<em>URL_zu_dem_Bild</em>!</td><td></td></tr>
 <tr><th></th><td>!<em>angeh&auml;ngtes_Bild</em>!</td><td></td></tr>
 
 <tr><th colspan="3">Tabellen</th></tr>
diff --git a/app/views/help/wiki_syntax/textile/en/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/en/wiki_syntax_textile.html.erb
index f0cc52be6..f722e5032 100644
--- a/app/views/help/wiki_syntax/textile/en/wiki_syntax_textile.html.erb
+++ b/app/views/help/wiki_syntax/textile/en/wiki_syntax_textile.html.erb
@@ -11,13 +11,13 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Font Styles <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Strong" }) %></th><td style="width:50%;">*Strong*</td><td style="width:50%;"><strong>Strong</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Italic" }) %></th><td>_Italic_</td><td><em>Italic</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Underline" }) %></th><td>+Underline+</td><td><ins>Underline</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Deleted" }) %></th><td>-Deleted-</td><td><del>Deleted</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Strong" }) %></th><td style="width:50%;">*Strong*</td><td style="width:50%;"><strong>Strong</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Italic" }) %></th><td>_Italic_</td><td><em>Italic</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Underline" }) %></th><td>+Underline+</td><td><ins>Underline</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Deleted" }) %></th><td>-Deleted-</td><td><del>Deleted</del></td></tr>
 <tr><th></th><td>??Quote??</td><td><cite>Quote</cite></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Inline code" }) %></th><td>@Inline Code@</td><td><code>Inline Code</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Preformatted text" }) %></th><td>&lt;pre&gt;<br />&nbsp;lines<br />&nbsp;of code<br />&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Inline code" }) %></th><td>@Inline Code@</td><td><code>Inline Code</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>&lt;pre&gt;<br />&nbsp;lines<br />&nbsp;of code<br />&lt;/pre&gt;</td><td>
 <pre>
  lines
  of code
@@ -25,7 +25,7 @@
 </td></tr>
 
 <tr><th colspan="3">Highlighted code <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "Highlighted code" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "Highlighted code" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -33,20 +33,20 @@
 </td></tr>
 
 <tr><th colspan="3">Lists</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Unordered list" }) %></th><td>* Item 1<br />** Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Ordered list" }) %></th><td># Item 1<br />## Sub<br /># Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />** Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td># Item 1<br />## Sub<br /># Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
 
 <tr><th colspan="3">Headings <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Heading 1" }) %></th><td>h1. Title 1</td><td><h1>Title 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Heading 2" }) %></th><td>h2. Title 2</td><td><h2>Title 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Heading 3" }) %></th><td>h3. Title 3</td><td><h3>Title 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Heading 1" }) %></th><td>h1. Title 1</td><td><h1>Title 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Heading 2" }) %></th><td>h2. Title 2</td><td><h2>Title 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Heading 3" }) %></th><td>h3. Title 3</td><td><h3>Title 3</h3></td></tr>
 
 <tr><th colspan="3">Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>"Foo":http://foo.bar</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
 <tr><th></th><td>Issue #12</td><td>Issue <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>Revision r43</td><td>Revision <a href="#">r43</a></td></tr>
@@ -54,7 +54,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">Inline images <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>!<em>image_url</em>!</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>!<em>image_url</em>!</td><td></td></tr>
 <tr><th></th><td>!<em>attached_image</em>!</td><td></td></tr>
 
 <tr><th colspan="3">Tables</th></tr>
diff --git a/app/views/help/wiki_syntax/textile/es-pa/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/es-pa/wiki_syntax_textile.html.erb
index 25d99ec9e..c7b21b062 100644
--- a/app/views/help/wiki_syntax/textile/es-pa/wiki_syntax_textile.html.erb
+++ b/app/views/help/wiki_syntax/textile/es-pa/wiki_syntax_textile.html.erb
@@ -11,13 +11,13 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Estilo de fuentes <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Negrita" }) %></th><td style="width:50%;">*Negrita*</td><td style="width:50%;"><strong>Negrita</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Cursiva" }) %></th><td>_Cursiva_</td><td><em>Cursiva</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Subrayado" }) %></th><td>+Subrayado+</td><td><ins>Subrayado</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Tachado" }) %></th><td>-Tachado-</td><td><del>Tachado</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Negrita" }) %></th><td style="width:50%;">*Negrita*</td><td style="width:50%;"><strong>Negrita</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Cursiva" }) %></th><td>_Cursiva_</td><td><em>Cursiva</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Subrayado" }) %></th><td>+Subrayado+</td><td><ins>Subrayado</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Tachado" }) %></th><td>-Tachado-</td><td><del>Tachado</del></td></tr>
 <tr><th></th><td>??Cita??</td><td><cite>Cita</cite></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "C&oacute;digo en linea" }) %></th><td>@C&oacute;digo en linea@</td><td><code>C&oacute;digo en linea</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "C&oacute; preformateado" }) %></th><td>&lt;pre&gt;<br />&nbsp;L&iacute;neas<br />&nbsp;de c&oacute;<br />&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "C&oacute;digo en linea" }) %></th><td>@C&oacute;digo en linea@</td><td><code>C&oacute;digo en linea</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>&lt;pre&gt;<br />&nbsp;L&iacute;neas<br />&nbsp;de c&oacute;<br />&lt;/pre&gt;</td><td>
 <pre>
  l&iacute;neas
  de c&oacute;digo
@@ -25,7 +25,7 @@
 </td></tr>
 
 <tr><th colspan="3">Highlighted code <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "CÃ³digo resaltado" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "CÃ³digo resaltado" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -33,21 +33,21 @@
 </td></tr>
 
 <tr><th colspan="3">Listas</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Lista no ordenada" }) %></th><td>* art&iacute;culo 1<br />** Sub<br />* art&iacute;culo 2</td><td><ul><li>art&iacute;culo 1<ul><li>Sub</li></ul></li><li>art&iacute;culo</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Lista ordenada" }) %></th><td># art&iacute;culo 1<br />## Sub<br /># art&iacute;culo 2</td><td><ol><li>art&iacute;culo 1<ol><li>Sub</li></ol></li><li>art&iacute;culo 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Lista no ordenada" }) %></th><td>* art&iacute;culo 1<br />** Sub<br />* art&iacute;culo 2</td><td><ul><li>art&iacute;culo 1<ul><li>Sub</li></ul></li><li>art&iacute;culo</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Lista ordenada" }) %></th><td># art&iacute;culo 1<br />## Sub<br /># art&iacute;culo 2</td><td><ol><li>art&iacute;culo 1<ol><li>Sub</li></ol></li><li>art&iacute;culo 2</li></ol></td></tr>
 
 <tr><th colspan="3">Cabeceras <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Cabecera 1" }) %></th><td>h1. T&iacute;tulo 1</td><td><h1>T&iacute;tulo 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Cabecera 2" }) %></th><td>h2. T&iacute;tulo 2</td><td><h2>T&iacute;tulo 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Cabecera 3" }) %></th><td>h3. T&iacute;tulo 3</td><td><h3>T&iacute;tulo 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Cabecera 1" }) %></th><td>h1. T&iacute;tulo 1</td><td><h1>T&iacute;tulo 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Cabecera 2" }) %></th><td>h2. T&iacute;tulo 2</td><td><h2>T&iacute;tulo 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Cabecera 3" }) %></th><td>h3. T&iacute;tulo 3</td><td><h3>T&iacute;tulo 3</h3></td></tr>
 
 <tr><th colspan="3">Enlaces <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>"Foo":http://foo.bar</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Enlaces de Redmine <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Enlace a una p&aacute;gina de la Wiki" }) %></th><td>[[pagina Wiki]]</td><td><a href="#">Pagina Wiki</a></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Enlace a una p&aacute;gina de la Wiki con nombre descripciptivo" }) %></th><td>[[pagina Wiki|Nombre descriptivo]]</td><td><a href="#">Nombre descriptivo</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Enlace a una p&aacute;gina de la Wiki" }) %></th><td>[[pagina Wiki]]</td><td><a href="#">Pagina Wiki</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Enlace a una p&aacute;gina de la Wiki con nombre descripciptivo" }) %></th><td>[[pagina Wiki|Nombre descriptivo]]</td><td><a href="#">Nombre descriptivo</a></td></tr>
 <tr><th></th><td>Petici&oacute;n  #12</td><td>Petici&oacute;n <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>Revisi&oacute;n r43</td><td>Revisi&oacute;n <a href="#">r43</a></td></tr>
@@ -55,7 +55,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">Im&aacute;genes en l&iacute;nea <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Imagen" }) %></th><td>!<em>imagen_url</em>!</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Imagen" }) %></th><td>!<em>imagen_url</em>!</td><td></td></tr>
 <tr><th></th><td>!<em>imagen_adjunta</em>!</td><td></td></tr>
 
 <tr><th colspan="3">Tables</th></tr>
diff --git a/app/views/help/wiki_syntax/textile/es/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/es/wiki_syntax_textile.html.erb
index 25d99ec9e..c7b21b062 100644
--- a/app/views/help/wiki_syntax/textile/es/wiki_syntax_textile.html.erb
+++ b/app/views/help/wiki_syntax/textile/es/wiki_syntax_textile.html.erb
@@ -11,13 +11,13 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Estilo de fuentes <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Negrita" }) %></th><td style="width:50%;">*Negrita*</td><td style="width:50%;"><strong>Negrita</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Cursiva" }) %></th><td>_Cursiva_</td><td><em>Cursiva</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Subrayado" }) %></th><td>+Subrayado+</td><td><ins>Subrayado</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Tachado" }) %></th><td>-Tachado-</td><td><del>Tachado</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Negrita" }) %></th><td style="width:50%;">*Negrita*</td><td style="width:50%;"><strong>Negrita</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Cursiva" }) %></th><td>_Cursiva_</td><td><em>Cursiva</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Subrayado" }) %></th><td>+Subrayado+</td><td><ins>Subrayado</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Tachado" }) %></th><td>-Tachado-</td><td><del>Tachado</del></td></tr>
 <tr><th></th><td>??Cita??</td><td><cite>Cita</cite></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "C&oacute;digo en linea" }) %></th><td>@C&oacute;digo en linea@</td><td><code>C&oacute;digo en linea</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "C&oacute; preformateado" }) %></th><td>&lt;pre&gt;<br />&nbsp;L&iacute;neas<br />&nbsp;de c&oacute;<br />&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "C&oacute;digo en linea" }) %></th><td>@C&oacute;digo en linea@</td><td><code>C&oacute;digo en linea</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>&lt;pre&gt;<br />&nbsp;L&iacute;neas<br />&nbsp;de c&oacute;<br />&lt;/pre&gt;</td><td>
 <pre>
  l&iacute;neas
  de c&oacute;digo
@@ -25,7 +25,7 @@
 </td></tr>
 
 <tr><th colspan="3">Highlighted code <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "CÃ³digo resaltado" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "CÃ³digo resaltado" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -33,21 +33,21 @@
 </td></tr>
 
 <tr><th colspan="3">Listas</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Lista no ordenada" }) %></th><td>* art&iacute;culo 1<br />** Sub<br />* art&iacute;culo 2</td><td><ul><li>art&iacute;culo 1<ul><li>Sub</li></ul></li><li>art&iacute;culo</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Lista ordenada" }) %></th><td># art&iacute;culo 1<br />## Sub<br /># art&iacute;culo 2</td><td><ol><li>art&iacute;culo 1<ol><li>Sub</li></ol></li><li>art&iacute;culo 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Lista no ordenada" }) %></th><td>* art&iacute;culo 1<br />** Sub<br />* art&iacute;culo 2</td><td><ul><li>art&iacute;culo 1<ul><li>Sub</li></ul></li><li>art&iacute;culo</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Lista ordenada" }) %></th><td># art&iacute;culo 1<br />## Sub<br /># art&iacute;culo 2</td><td><ol><li>art&iacute;culo 1<ol><li>Sub</li></ol></li><li>art&iacute;culo 2</li></ol></td></tr>
 
 <tr><th colspan="3">Cabeceras <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Cabecera 1" }) %></th><td>h1. T&iacute;tulo 1</td><td><h1>T&iacute;tulo 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Cabecera 2" }) %></th><td>h2. T&iacute;tulo 2</td><td><h2>T&iacute;tulo 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Cabecera 3" }) %></th><td>h3. T&iacute;tulo 3</td><td><h3>T&iacute;tulo 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Cabecera 1" }) %></th><td>h1. T&iacute;tulo 1</td><td><h1>T&iacute;tulo 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Cabecera 2" }) %></th><td>h2. T&iacute;tulo 2</td><td><h2>T&iacute;tulo 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Cabecera 3" }) %></th><td>h3. T&iacute;tulo 3</td><td><h3>T&iacute;tulo 3</h3></td></tr>
 
 <tr><th colspan="3">Enlaces <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>"Foo":http://foo.bar</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Enlaces de Redmine <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Enlace a una p&aacute;gina de la Wiki" }) %></th><td>[[pagina Wiki]]</td><td><a href="#">Pagina Wiki</a></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Enlace a una p&aacute;gina de la Wiki con nombre descripciptivo" }) %></th><td>[[pagina Wiki|Nombre descriptivo]]</td><td><a href="#">Nombre descriptivo</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Enlace a una p&aacute;gina de la Wiki" }) %></th><td>[[pagina Wiki]]</td><td><a href="#">Pagina Wiki</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Enlace a una p&aacute;gina de la Wiki con nombre descripciptivo" }) %></th><td>[[pagina Wiki|Nombre descriptivo]]</td><td><a href="#">Nombre descriptivo</a></td></tr>
 <tr><th></th><td>Petici&oacute;n  #12</td><td>Petici&oacute;n <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>Revisi&oacute;n r43</td><td>Revisi&oacute;n <a href="#">r43</a></td></tr>
@@ -55,7 +55,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">Im&aacute;genes en l&iacute;nea <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Imagen" }) %></th><td>!<em>imagen_url</em>!</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Imagen" }) %></th><td>!<em>imagen_url</em>!</td><td></td></tr>
 <tr><th></th><td>!<em>imagen_adjunta</em>!</td><td></td></tr>
 
 <tr><th colspan="3">Tables</th></tr>
diff --git a/app/views/help/wiki_syntax/textile/fr/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/fr/wiki_syntax_textile.html.erb
index 7c12e2fa6..57c61ba5f 100644
--- a/app/views/help/wiki_syntax/textile/fr/wiki_syntax_textile.html.erb
+++ b/app/views/help/wiki_syntax/textile/fr/wiki_syntax_textile.html.erb
@@ -11,13 +11,13 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Font Styles <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Strong" }) %></th><td style="width:50%;">*Gras*</td><td style="width:50%;"><strong>Gras</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Italic" }) %></th><td>_Italique_</td><td><em>Italique</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Underline" }) %></th><td>+Sous-lignÃ©+</td><td><ins>Sous-lignÃ©</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Deleted" }) %></th><td>-BarrÃ©-</td><td><del>BarrÃ©</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Strong" }) %></th><td style="width:50%;">*Gras*</td><td style="width:50%;"><strong>Gras</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Italic" }) %></th><td>_Italique_</td><td><em>Italique</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Underline" }) %></th><td>+Sous-lignÃ©+</td><td><ins>Sous-lignÃ©</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Deleted" }) %></th><td>-BarrÃ©-</td><td><del>BarrÃ©</del></td></tr>
 <tr><th></th><td>??Citation??</td><td><cite>Citation</cite></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Inline code" }) %></th><td>@Code en ligne@</td><td><code>Code en ligne</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Preformatted text" }) %></th><td>&lt;pre&gt;<br />&nbsp;lignes<br />&nbsp;de code<br />&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Inline code" }) %></th><td>@Code en ligne@</td><td><code>Code en ligne</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>&lt;pre&gt;<br />&nbsp;lignes<br />&nbsp;de code<br />&lt;/pre&gt;</td><td>
 <pre>
  lignes
  de code
@@ -25,7 +25,7 @@
 </td></tr>
 
 <tr><th colspan="3">Code colorisÃ© <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "Code colorisÃ©" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "Code colorisÃ©" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -33,20 +33,20 @@
 </td></tr>
 
 <tr><th colspan="3">Listes</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Unordered list" }) %></th><td>* Item 1<br />** Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Ordered list" }) %></th><td># Item 1<br />## Sub<br /># Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />** Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td># Item 1<br />## Sub<br /># Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
 
 <tr><th colspan="3">Titres <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Heading 1" }) %></th><td>h1. Titre 1</td><td><h1>Titre 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Heading 2" }) %></th><td>h2. Titre 2</td><td><h2>Titre 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Heading 3" }) %></th><td>h3. Titre 3</td><td><h3>Titre 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Heading 1" }) %></th><td>h1. Titre 1</td><td><h1>Titre 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Heading 2" }) %></th><td>h2. Titre 2</td><td><h2>Titre 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Heading 3" }) %></th><td>h3. Titre 3</td><td><h3>Titre 3</h3></td></tr>
 
 <tr><th colspan="3">Liens <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>"Foo":http://foo.bar</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Liens Redmine <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
 <tr><th></th><td>Demande #12</td><td>Demande <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>Revision r43</td><td>Revision <a href="#">r43</a></td></tr>
@@ -54,7 +54,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">Images en ligne <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>!<em>url_de_l_image</em>!</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>!<em>url_de_l_image</em>!</td><td></td></tr>
 <tr><th></th><td>!<em>image_en_piÃ¨ce_jointe</em>!</td><td></td></tr>
 
 <tr><th colspan="3">Tables</th></tr>
diff --git a/app/views/help/wiki_syntax/textile/gl/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/gl/wiki_syntax_textile.html.erb
index df93f9685..f5adfeecb 100644
--- a/app/views/help/wiki_syntax/textile/gl/wiki_syntax_textile.html.erb
+++ b/app/views/help/wiki_syntax/textile/gl/wiki_syntax_textile.html.erb
@@ -11,13 +11,13 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Font Styles <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Strong" }) %></th><td style="width:50%;">*Strong*</td><td style="width:50%;"><strong>Strong</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Italic" }) %></th><td>_Italic_</td><td><em>Italic</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Underline" }) %></th><td>+Underline+</td><td><ins>Underline</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Deleted" }) %></th><td>-Deleted-</td><td><del>Deleted</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Strong" }) %></th><td style="width:50%;">*Strong*</td><td style="width:50%;"><strong>Strong</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Italic" }) %></th><td>_Italic_</td><td><em>Italic</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Underline" }) %></th><td>+Underline+</td><td><ins>Underline</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Deleted" }) %></th><td>-Deleted-</td><td><del>Deleted</del></td></tr>
 <tr><th></th><td>??Quote??</td><td><cite>Quote</cite></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Inline code" }) %></th><td>@Inline Code@</td><td><code>Inline Code</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Preformatted text" }) %></th><td>&lt;pre&gt;<br />&nbsp;lines<br />&nbsp;of code<br />&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Inline code" }) %></th><td>@Inline Code@</td><td><code>Inline Code</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>&lt;pre&gt;<br />&nbsp;lines<br />&nbsp;of code<br />&lt;/pre&gt;</td><td>
 <pre>
  lines
  of code
@@ -25,7 +25,7 @@
 </td></tr>
 
 <tr><th colspan="3">Highlighted code <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "CÃ³digo resaltado" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "CÃ³digo resaltado" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -33,20 +33,20 @@
 </td></tr>
 
 <tr><th colspan="3">Lists</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Unordered list" }) %></th><td>* Item 1<br />** Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Ordered list" }) %></th><td># Item 1<br />## Sub<br /># Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />** Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td># Item 1<br />## Sub<br /># Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
 
 <tr><th colspan="3">Headings <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Heading 1" }) %></th><td>h1. Title 1</td><td><h1>Title 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Heading 2" }) %></th><td>h2. Title 2</td><td><h2>Title 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Heading 3" }) %></th><td>h3. Title 3</td><td><h3>Title 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Heading 1" }) %></th><td>h1. Title 1</td><td><h1>Title 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Heading 2" }) %></th><td>h2. Title 2</td><td><h2>Title 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Heading 3" }) %></th><td>h3. Title 3</td><td><h3>Title 3</h3></td></tr>
 
 <tr><th colspan="3">Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>"Foo":http://foo.bar</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
 <tr><th></th><td>Issue #12</td><td>Issue <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>Revision r43</td><td>Revision <a href="#">r43</a></td></tr>
@@ -54,7 +54,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">Inline images <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>!<em>image_url</em>!</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>!<em>image_url</em>!</td><td></td></tr>
 <tr><th></th><td>!<em>attached_image</em>!</td><td></td></tr>
 
 <tr><th colspan="3">Tables</th></tr>
diff --git a/app/views/help/wiki_syntax/textile/ja/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/ja/wiki_syntax_textile.html.erb
index 12d97939f..18c6b7ee5 100644
--- a/app/views/help/wiki_syntax/textile/ja/wiki_syntax_textile.html.erb
+++ b/app/views/help/wiki_syntax/textile/ja/wiki_syntax_textile.html.erb
@@ -11,13 +11,13 @@
 
 <table style="width:100%">
 <tr><th colspan="3">ãã©ã³ãã¹ã¿ã¤ã« <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">è©³ç´°</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "å¤ªå­" }) %></th><td style="width:50%;">*å¤ªå­*</td><td style="width:50%;"><strong>å¤ªå­</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "æä½" }) %></th><td>_æä½_</td><td><em>æä½</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "ä¸ç·" }) %></th><td>+ä¸ç·+</td><td><ins>ä¸ç·</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "åãæ¶ãç·" }) %></th><td>-åãæ¶ãç·-</td><td><del>åãæ¶ãç·</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "å¤ªå­" }) %></th><td style="width:50%;">*å¤ªå­*</td><td style="width:50%;"><strong>å¤ªå­</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "æä½" }) %></th><td>_æä½_</td><td><em>æä½</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "ä¸ç·" }) %></th><td>+ä¸ç·+</td><td><ins>ä¸ç·</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "åãæ¶ãç·" }) %></th><td>-åãæ¶ãç·-</td><td><del>åãæ¶ãç·</del></td></tr>
 <tr><th></th><td>??å¼ç¨??</td><td><cite>å¼ç¨</cite></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "ã³ã¼ã" }) %></th><td>@ã³ã¼ã@</td><td><code>ã³ã¼ã</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "æ´å½¢æ¸ã¿ãã­ã¹ã" }) %></th><td>&lt;pre&gt;<br />&nbsp;è¤æ°è¡ã®<br />&nbsp;ã³ã¼ã<br />&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "ã³ã¼ã" }) %></th><td>@ã³ã¼ã@</td><td><code>ã³ã¼ã</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>&lt;pre&gt;<br />&nbsp;è¤æ°è¡ã®<br />&nbsp;ã³ã¼ã<br />&lt;/pre&gt;</td><td>
 <pre>
 è¤æ°è¡ã®
 ã³ã¼ã
@@ -25,7 +25,7 @@
 </td></tr>
 
 <tr><th colspan="3">ã³ã¼ããã¤ã©ã¤ã <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">è©³ç´°</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">å¯¾å¿è¨èª</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "ã³ã¼ããã¤ã©ã¤ã" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "ã³ã¼ããã¤ã©ã¤ã" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -33,20 +33,20 @@
 </td></tr>
 
 <tr><th colspan="3">ãªã¹ã</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "ãªã¹ã" }) %></th><td>* é ç®1<br />** ä¸ä½éå±¤ã®é ç®<br />* é ç®2</td><td><ul><li>é ç®1<ul><li>ä¸ä½éå±¤ã®é ç®</li></ul></li><li>é ç®2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "é åºä»ããªã¹ã" }) %></th><td># é ç®1<br />## ä¸ä½éå±¤ã®é ç®<br /># é ç®2</td><td><ol><li>é ç®1<ol><li>ä¸ä½éå±¤ã®é ç®</li></ol></li><li>é ç®2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "ãªã¹ã" }) %></th><td>* é ç®1<br />** ä¸ä½éå±¤ã®é ç®<br />* é ç®2</td><td><ul><li>é ç®1<ul><li>ä¸ä½éå±¤ã®é ç®</li></ul></li><li>é ç®2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "é åºä»ããªã¹ã" }) %></th><td># é ç®1<br />## ä¸ä½éå±¤ã®é ç®<br /># é ç®2</td><td><ol><li>é ç®1<ol><li>ä¸ä½éå±¤ã®é ç®</li></ol></li><li>é ç®2</li></ol></td></tr>
 
 <tr><th colspan="3">è¦åºã <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">è©³ç´°</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "è¦åºã1" }) %></th><td>h1. ã¿ã¤ãã«1</td><td><h1>ã¿ã¤ãã«1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "è¦åºã2" }) %></th><td>h2. ã¿ã¤ãã«2</td><td><h2>ã¿ã¤ãã«2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "è¦åºã3" }) %></th><td>h3. ã¿ã¤ãã«3</td><td><h3>ã¿ã¤ãã«3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "è¦åºã1" }) %></th><td>h1. ã¿ã¤ãã«1</td><td><h1>ã¿ã¤ãã«1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "è¦åºã2" }) %></th><td>h2. ã¿ã¤ãã«2</td><td><h2>ã¿ã¤ãã«2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "è¦åºã3" }) %></th><td>h3. ã¿ã¤ãã«3</td><td><h3>ã¿ã¤ãã«3</h3></td></tr>
 
 <tr><th colspan="3">ãªã³ã¯ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">è©³ç´°</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>"Foo":http://foo.bar</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmineåã®ãªã³ã¯ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">è©³ç´°</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Wikiãã¼ã¸ã¸ã®ãªã³ã¯" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Wikiãã¼ã¸ã¸ã®ãªã³ã¯" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
 <tr><th></th><td>ãã±ãã #12</td><td>ãã±ãã <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>ãªãã¸ã§ã³ r43</td><td>ãªãã¸ã§ã³ <a href="#">r43</a></td></tr>
@@ -54,7 +54,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">ç»å <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">è©³ç´°</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>!<em>ç»åURL</em>!</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>!<em>ç»åURL</em>!</td><td></td></tr>
 <tr><th></th><td>!<em>æ·»ä»ãã¡ã¤ã«å</em>!</td><td></td></tr>
 
 <tr><th colspan="3">Tables</th></tr>
diff --git a/app/views/help/wiki_syntax/textile/ko/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/ko/wiki_syntax_textile.html.erb
index dc3136cfa..b5353d12b 100644
--- a/app/views/help/wiki_syntax/textile/ko/wiki_syntax_textile.html.erb
+++ b/app/views/help/wiki_syntax/textile/ko/wiki_syntax_textile.html.erb
@@ -11,13 +11,13 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Font Styles <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Strong" }) %></th><td style="width:50%;">*Strong*</td><td style="width:50%;"><strong>Strong</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Italic" }) %></th><td>_Italic_</td><td><em>Italic</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Underline" }) %></th><td>+Underline+</td><td><ins>Underline</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Deleted" }) %></th><td>-Deleted-</td><td><del>Deleted</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Strong" }) %></th><td style="width:50%;">*Strong*</td><td style="width:50%;"><strong>Strong</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Italic" }) %></th><td>_Italic_</td><td><em>Italic</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Underline" }) %></th><td>+Underline+</td><td><ins>Underline</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Deleted" }) %></th><td>-Deleted-</td><td><del>Deleted</del></td></tr>
 <tr><th></th><td>??Quote??</td><td><cite>Quote</cite></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Inline code" }) %></th><td>@Inline Code@</td><td><code>Inline Code</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Preformatted text" }) %></th><td>&lt;pre&gt;<br />&nbsp;lines<br />&nbsp;of code<br />&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Inline code" }) %></th><td>@Inline Code@</td><td><code>Inline Code</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>&lt;pre&gt;<br />&nbsp;lines<br />&nbsp;of code<br />&lt;/pre&gt;</td><td>
 <pre>
  lines
  of code
@@ -25,7 +25,7 @@
 </td></tr>
 
 <tr><th colspan="3">Highlighted code <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "ììíí ì½ë" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "ììíí ì½ë" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -33,20 +33,20 @@
 </td></tr>
 
 <tr><th colspan="3">Lists</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Unordered list" }) %></th><td>* Item 1<br />** Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Ordered list" }) %></th><td># Item 1<br />## Sub<br /># Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />** Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td># Item 1<br />## Sub<br /># Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
 
 <tr><th colspan="3">Headings <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Heading 1" }) %></th><td>h1. Title 1</td><td><h1>Title 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Heading 2" }) %></th><td>h2. Title 2</td><td><h2>Title 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Heading 3" }) %></th><td>h3. Title 3</td><td><h3>Title 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Heading 1" }) %></th><td>h1. Title 1</td><td><h1>Title 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Heading 2" }) %></th><td>h2. Title 2</td><td><h2>Title 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Heading 3" }) %></th><td>h3. Title 3</td><td><h3>Title 3</h3></td></tr>
 
 <tr><th colspan="3">Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>"Foo":http://foo.bar</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
 <tr><th></th><td>Issue #12</td><td>Issue <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>Revision r43</td><td>Revision <a href="#">r43</a></td></tr>
@@ -54,7 +54,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">Inline images <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>!<em>image_url</em>!</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>!<em>image_url</em>!</td><td></td></tr>
 <tr><th></th><td>!<em>attached_image</em>!</td><td></td></tr>
 
 <tr><th colspan="3">Tables</th></tr>
diff --git a/app/views/help/wiki_syntax/textile/lt/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/lt/wiki_syntax_textile.html.erb
index f0cc52be6..f722e5032 100644
--- a/app/views/help/wiki_syntax/textile/lt/wiki_syntax_textile.html.erb
+++ b/app/views/help/wiki_syntax/textile/lt/wiki_syntax_textile.html.erb
@@ -11,13 +11,13 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Font Styles <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Strong" }) %></th><td style="width:50%;">*Strong*</td><td style="width:50%;"><strong>Strong</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Italic" }) %></th><td>_Italic_</td><td><em>Italic</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Underline" }) %></th><td>+Underline+</td><td><ins>Underline</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Deleted" }) %></th><td>-Deleted-</td><td><del>Deleted</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Strong" }) %></th><td style="width:50%;">*Strong*</td><td style="width:50%;"><strong>Strong</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Italic" }) %></th><td>_Italic_</td><td><em>Italic</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Underline" }) %></th><td>+Underline+</td><td><ins>Underline</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Deleted" }) %></th><td>-Deleted-</td><td><del>Deleted</del></td></tr>
 <tr><th></th><td>??Quote??</td><td><cite>Quote</cite></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Inline code" }) %></th><td>@Inline Code@</td><td><code>Inline Code</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Preformatted text" }) %></th><td>&lt;pre&gt;<br />&nbsp;lines<br />&nbsp;of code<br />&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Inline code" }) %></th><td>@Inline Code@</td><td><code>Inline Code</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>&lt;pre&gt;<br />&nbsp;lines<br />&nbsp;of code<br />&lt;/pre&gt;</td><td>
 <pre>
  lines
  of code
@@ -25,7 +25,7 @@
 </td></tr>
 
 <tr><th colspan="3">Highlighted code <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "Highlighted code" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "Highlighted code" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -33,20 +33,20 @@
 </td></tr>
 
 <tr><th colspan="3">Lists</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Unordered list" }) %></th><td>* Item 1<br />** Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Ordered list" }) %></th><td># Item 1<br />## Sub<br /># Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />** Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td># Item 1<br />## Sub<br /># Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
 
 <tr><th colspan="3">Headings <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Heading 1" }) %></th><td>h1. Title 1</td><td><h1>Title 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Heading 2" }) %></th><td>h2. Title 2</td><td><h2>Title 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Heading 3" }) %></th><td>h3. Title 3</td><td><h3>Title 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Heading 1" }) %></th><td>h1. Title 1</td><td><h1>Title 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Heading 2" }) %></th><td>h2. Title 2</td><td><h2>Title 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Heading 3" }) %></th><td>h3. Title 3</td><td><h3>Title 3</h3></td></tr>
 
 <tr><th colspan="3">Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>"Foo":http://foo.bar</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
 <tr><th></th><td>Issue #12</td><td>Issue <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>Revision r43</td><td>Revision <a href="#">r43</a></td></tr>
@@ -54,7 +54,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">Inline images <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>!<em>image_url</em>!</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>!<em>image_url</em>!</td><td></td></tr>
 <tr><th></th><td>!<em>attached_image</em>!</td><td></td></tr>
 
 <tr><th colspan="3">Tables</th></tr>
diff --git a/app/views/help/wiki_syntax/textile/nl/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/nl/wiki_syntax_textile.html.erb
index 5feda541d..8d2c9d71f 100644
--- a/app/views/help/wiki_syntax/textile/nl/wiki_syntax_textile.html.erb
+++ b/app/views/help/wiki_syntax/textile/nl/wiki_syntax_textile.html.erb
@@ -11,13 +11,13 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Font Styles <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Strong" }) %></th><td style="width:50%;">*Strong*</td><td style="width:50%;"><strong>Strong</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Italic" }) %></th><td>_Italic_</td><td><em>Italic</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Underline" }) %></th><td>+Underline+</td><td><ins>Underline</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Deleted" }) %></th><td>-Deleted-</td><td><del>Deleted</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Strong" }) %></th><td style="width:50%;">*Strong*</td><td style="width:50%;"><strong>Strong</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Italic" }) %></th><td>_Italic_</td><td><em>Italic</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Underline" }) %></th><td>+Underline+</td><td><ins>Underline</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Deleted" }) %></th><td>-Deleted-</td><td><del>Deleted</del></td></tr>
 <tr><th></th><td>??Quote??</td><td><cite>Quote</cite></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Inline code" }) %></th><td>@Inline Code@</td><td><code>Inline Code</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Preformatted text" }) %></th><td>&lt;pre&gt;<br />&nbsp;lines<br />&nbsp;of code<br />&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Inline code" }) %></th><td>@Inline Code@</td><td><code>Inline Code</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>&lt;pre&gt;<br />&nbsp;lines<br />&nbsp;of code<br />&lt;/pre&gt;</td><td>
 <pre>
  lines
  of code
@@ -25,7 +25,7 @@
 </td></tr>
 
 <tr><th colspan="3">Highlighted code <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "Gemarkeerde code" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "Gemarkeerde code" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -33,20 +33,20 @@
 </td></tr>
 
 <tr><th colspan="3">Lists</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Unordered list" }) %></th><td>* Item 1<br />** Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Ordered list" }) %></th><td># Item 1<br />## Sub<br /># Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />** Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td># Item 1<br />## Sub<br /># Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
 
 <tr><th colspan="3">Headings <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Heading 1" }) %></th><td>h1. Title 1</td><td><h1>Title 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Heading 2" }) %></th><td>h2. Title 2</td><td><h2>Title 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Heading 3" }) %></th><td>h3. Title 3</td><td><h3>Title 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Heading 1" }) %></th><td>h1. Title 1</td><td><h1>Title 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Heading 2" }) %></th><td>h2. Title 2</td><td><h2>Title 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Heading 3" }) %></th><td>h3. Title 3</td><td><h3>Title 3</h3></td></tr>
 
 <tr><th colspan="3">Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>"Foo":http://foo.bar</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
 <tr><th></th><td>Issue #12</td><td>Issue <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>Revision r43</td><td>Revision <a href="#">r43</a></td></tr>
@@ -54,7 +54,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">Inline images <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>!<em>image_url</em>!</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>!<em>image_url</em>!</td><td></td></tr>
 <tr><th></th><td>!<em>attached_image</em>!</td><td></td></tr>
 
 <tr><th colspan="3">Tables</th></tr>
diff --git a/app/views/help/wiki_syntax/textile/pt-br/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/pt-br/wiki_syntax_textile.html.erb
index 1e57f604d..60c44f7d0 100644
--- a/app/views/help/wiki_syntax/textile/pt-br/wiki_syntax_textile.html.erb
+++ b/app/views/help/wiki_syntax/textile/pt-br/wiki_syntax_textile.html.erb
@@ -11,13 +11,13 @@
 
 <table style="width:100%">
 <tr><th colspan="3">Estilos de Fonte <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Strong" }) %></th><td style="width:50%;">*Negrito*</td><td style="width:50%;"><strong>Negrito</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Italic" }) %></th><td>_It&aacute;lico_</td><td><em>It&aacute;lico</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Underline" }) %></th><td>+Sublinhado+</td><td><ins>Sublinhado</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Deleted" }) %></th><td>-Tachado-</td><td><del>Tachado</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Strong" }) %></th><td style="width:50%;">*Negrito*</td><td style="width:50%;"><strong>Negrito</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Italic" }) %></th><td>_It&aacute;lico_</td><td><em>It&aacute;lico</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Underline" }) %></th><td>+Sublinhado+</td><td><ins>Sublinhado</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Deleted" }) %></th><td>-Tachado-</td><td><del>Tachado</del></td></tr>
 <tr><th></th><td>??Cita&ccedil;&atilde;o??</td><td><cite>Cita&ccedil;&atilde;o</cite></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Inline code" }) %></th><td>@C&oacute;digo Inline@</td><td><code>C&oacute;digo Inline</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Preformatted text" }) %></th><td>&lt;pre&gt;<br />&nbsp;linhas<br />&nbsp;de c&oacute;digo<br />&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Inline code" }) %></th><td>@C&oacute;digo Inline@</td><td><code>C&oacute;digo Inline</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>&lt;pre&gt;<br />&nbsp;linhas<br />&nbsp;de c&oacute;digo<br />&lt;/pre&gt;</td><td>
 <pre>
  linhas
  de c&oacute;digo
@@ -25,7 +25,7 @@
 </td></tr>
 
 <tr><th colspan="3">Highlighted code <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "Highlighted code" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "Highlighted code" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -33,20 +33,20 @@
 </td></tr>
 
 <tr><th colspan="3">Listas</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Unordered list" }) %></th><td>* Item 1<br />** Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Ordered list" }) %></th><td># Item 1<br />## Sub<br /># Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* Item 1<br />** Sub<br />* Item 2</td><td><ul><li>Item 1<ul><li>Sub</li></ul></li><li>Item 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td># Item 1<br />## Sub<br /># Item 2</td><td><ol><li>Item 1<ol><li>Sub</li></ol></li><li>Item 2</li></ol></td></tr>
 
 <tr><th colspan="3">Cabe&ccedil;alhos <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Heading 1" }) %></th><td>h1. T&iacute;tulo 1</td><td><h1>T&iacute;tulo 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Heading 2" }) %></th><td>h2. T&iacute;tulo 2</td><td><h2>T&iacute;tulo 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Heading 3" }) %></th><td>h3. T&iacute;tulo 3</td><td><h3>T&iacute;tulo 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Heading 1" }) %></th><td>h1. T&iacute;tulo 1</td><td><h1>T&iacute;tulo 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Heading 2" }) %></th><td>h2. T&iacute;tulo 2</td><td><h2>T&iacute;tulo 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Heading 3" }) %></th><td>h3. T&iacute;tulo 3</td><td><h3>T&iacute;tulo 3</h3></td></tr>
 
 <tr><th colspan="3">Links <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>"Foo":http://foo.bar</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Links do Redmine <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link to a Wiki page" }) %></th><td>[[P&aacute;gina Wiki]]</td><td><a href="#">P&aacute;gina Wiki</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link to a Wiki page" }) %></th><td>[[P&aacute;gina Wiki]]</td><td><a href="#">P&aacute;gina Wiki</a></td></tr>
 <tr><th></th><td>Tarefa #12</td><td>Tarefa <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: T&iacute;tulo da tarefa</td></tr>
 <tr><th></th><td>Revis&atilde;o r43</td><td>Revis&atilde;o <a href="#">r43</a></td></tr>
@@ -54,7 +54,7 @@
 <tr><th></th><td>source:algum/arquivo</td><td><a href="#">source:algum/arquivo</a></td></tr>
 
 <tr><th colspan="3">Imagens inline <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>!<em>url_da_imagem</em>!</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>!<em>url_da_imagem</em>!</td><td></td></tr>
 <tr><th></th><td>!<em>imagem_anexada</em>!</td><td></td></tr>
 
 <tr><th colspan="3">Tabelas</th></tr>
diff --git a/app/views/help/wiki_syntax/textile/ru/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/ru/wiki_syntax_textile.html.erb
index a46c39122..58157f2a3 100644
--- a/app/views/help/wiki_syntax/textile/ru/wiki_syntax_textile.html.erb
+++ b/app/views/help/wiki_syntax/textile/ru/wiki_syntax_textile.html.erb
@@ -14,24 +14,24 @@
         <th colspan="3">Ð¡ÑÐ¸Ð»Ð¸ Ð¨ÑÐ¸ÑÑÐ¾Ð² <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th>
     </tr>
     <tr>
-        <th><%= image_tag("jstoolbar/bt_strong.png", { alt: "ÐÑÐ´ÐµÐ»ÐµÐ½Ð½ÑÐ¹" }) %></th>
+        <th><%= image_tag("jstoolbar/bold.svg", { alt: "ÐÑÐ´ÐµÐ»ÐµÐ½Ð½ÑÐ¹" }) %></th>
         <td style="width:50%;">*ÐÑÐ´ÐµÐ»ÐµÐ½Ð½ÑÐ¹*</td>
         <td style="width:50%;"><strong>ÐÑÐ´ÐµÐ»ÐµÐ½Ð½ÑÐ¹</strong></td>
     </tr>
     <tr>
-        <th><%= image_tag("jstoolbar/bt_em.png", { alt: "ÐÐ°ÐºÐ»Ð¾Ð½Ð½ÑÐ¹" }) %></th>
+        <th><%= image_tag("jstoolbar/italic.svg", { alt: "ÐÐ°ÐºÐ»Ð¾Ð½Ð½ÑÐ¹" }) %></th>
         <td>_ÐÐ°ÐºÐ»Ð¾Ð½Ð½ÑÐ¹_</td>
         <td><em>ÐÐ°ÐºÐ»Ð¾Ð½Ð½ÑÐ¹</em></td>
     </tr>
     <tr>
-        <th><%= image_tag("jstoolbar/bt_ins.png", { alt: "ÐÐ¾Ð´ÑÑÑÐºÐ½ÑÑÑÐ¹" }) %></th>
+        <th><%= image_tag("jstoolbar/underline.svg", { alt: "ÐÐ¾Ð´ÑÑÑÐºÐ½ÑÑÑÐ¹" }) %></th>
         <td>+ÐÐ¾Ð´ÑÑÑÐºÐ½ÑÑÑÐ¹+</td>
         <td>
             <ins>ÐÐ¾Ð´ÑÑÑÐºÐ½ÑÑÑÐ¹</ins>
         </td>
     </tr>
     <tr>
-        <th><%= image_tag("jstoolbar/bt_del.png", { alt: "ÐÐ°ÑÑÑÐºÐ½ÑÑÑÐ¹" }) %></th>
+        <th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "ÐÐ°ÑÑÑÐºÐ½ÑÑÑÐ¹" }) %></th>
         <td>-ÐÐ°ÑÑÑÐºÐ½ÑÑÑÐ¹-</td>
         <td>
             <del>ÐÐ°ÑÑÑÐºÐ½ÑÑÑÐ¹</del>
@@ -43,12 +43,12 @@
         <td><cite>Ð¦Ð¸ÑÐ°ÑÐ°</cite></td>
     </tr>
     <tr>
-        <th><%= image_tag("jstoolbar/bt_code.png", { alt: "ÐÑÑÐ°Ð²ÐºÐ° ÐÐ¾Ð´Ð°" }) %></th>
+        <th><%= image_tag("jstoolbar/letter-c.svg", { alt: "ÐÑÑÐ°Ð²ÐºÐ° ÐÐ¾Ð´Ð°" }) %></th>
         <td>@ÐÑÑÐ°Ð²ÐºÐ° ÐÐ¾Ð´Ð°@</td>
         <td><code>ÐÑÑÐ°Ð²ÐºÐ° ÐÐ¾Ð´Ð°</code></td>
     </tr>
     <tr>
-        <th><%= image_tag("jstoolbar/bt_pre.png", { alt: "ÐÑÑÐ¾ÑÐ¼Ð°ÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð½ÑÐ¹ ÑÐµÐºÑÑ" }) %></th>
+        <th><span class="syntax-pre"/></th>
         <td>&lt;pre&gt;<br/>&nbsp;ÑÑÑÐ¾ÐºÐ¸<br/>&nbsp;ÐºÐ¾Ð´Ð°<br/>&lt;/pre&gt;</td>
         <td>
             <pre>
@@ -59,7 +59,7 @@
     </tr>
 
 <tr><th colspan="3">Highlighted code <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "Highlighted code" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "Highlighted code" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -67,23 +67,23 @@
 </td></tr>
 
 <tr><th colspan="3">Ð¡Ð¿Ð¸ÑÐºÐ¸</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "ÐÐµÑÐ¾ÑÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð½ÑÐ¹ ÑÐ¿Ð¸ÑÐ¾Ðº" }) %></th><td>* Ð­Ð»ÐµÐ¼ÐµÐ½Ñ 1<br />** ÐÐ¾Ð´ÑÐ»ÐµÐ¼ÐµÐ½Ñ<br />* Ð­Ð»ÐµÐ¼ÐµÐ½Ñ 2</td><td><ul><li>Ð­Ð»ÐµÐ¼ÐµÐ½Ñ 1<ul><li>ÐÐ¾Ð´ÑÐ»ÐµÐ¼ÐµÐ½Ñ</li></ul></li><li>Ð­Ð»ÐµÐ¼ÐµÐ½Ñ 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Ð¡Ð¾ÑÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð½ÑÐ¹ ÑÐ¿Ð¸ÑÐ¾Ðº" }) %></th><td># Ð­Ð»ÐµÐ¼ÐµÐ½Ñ 1<br />## ÐÐ¾Ð´ÑÐ»ÐµÐ¼ÐµÐ½Ñ<br /># Ð­Ð»ÐµÐ¼ÐµÐ½Ñ 2</td><td><ol><li>Ð­Ð»ÐµÐ¼ÐµÐ½Ñ 1<ol><li>ÐÐ¾Ð´ÑÐ»ÐµÐ¼ÐµÐ½Ñ</li></ol></li><li>Ð­Ð»ÐµÐ¼ÐµÐ½Ñ 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "ÐÐµÑÐ¾ÑÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð½ÑÐ¹ ÑÐ¿Ð¸ÑÐ¾Ðº" }) %></th><td>* Ð­Ð»ÐµÐ¼ÐµÐ½Ñ 1<br />** ÐÐ¾Ð´ÑÐ»ÐµÐ¼ÐµÐ½Ñ<br />* Ð­Ð»ÐµÐ¼ÐµÐ½Ñ 2</td><td><ul><li>Ð­Ð»ÐµÐ¼ÐµÐ½Ñ 1<ul><li>ÐÐ¾Ð´ÑÐ»ÐµÐ¼ÐµÐ½Ñ</li></ul></li><li>Ð­Ð»ÐµÐ¼ÐµÐ½Ñ 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ð¡Ð¾ÑÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð½ÑÐ¹ ÑÐ¿Ð¸ÑÐ¾Ðº" }) %></th><td># Ð­Ð»ÐµÐ¼ÐµÐ½Ñ 1<br />## ÐÐ¾Ð´ÑÐ»ÐµÐ¼ÐµÐ½Ñ<br /># Ð­Ð»ÐµÐ¼ÐµÐ½Ñ 2</td><td><ol><li>Ð­Ð»ÐµÐ¼ÐµÐ½Ñ 1<ol><li>ÐÐ¾Ð´ÑÐ»ÐµÐ¼ÐµÐ½Ñ</li></ol></li><li>Ð­Ð»ÐµÐ¼ÐµÐ½Ñ 2</li></ol></td></tr>
     <tr>
         <th colspan="3">ÐÐ°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ¸ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th>
     </tr>
     <tr>
-        <th><%= image_tag("jstoolbar/bt_h1.png", { alt: "ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 1" }) %></th>
+        <th><%= image_tag("jstoolbar/h1.svg", { alt: "ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 1" }) %></th>
         <td>h1. ÐÐ°Ð·Ð²Ð°Ð½Ð¸Ðµ 1</td>
         <td><h1>ÐÐ°Ð·Ð²Ð°Ð½Ð¸Ðµ 1</h1></td>
     </tr>
     <tr>
-        <th><%= image_tag("jstoolbar/bt_h2.png", { alt: "ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 2" }) %></th>
+        <th><%= image_tag("jstoolbar/h2.svg", { alt: "ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 2" }) %></th>
         <td>h2. ÐÐ°Ð·Ð²Ð°Ð½Ð¸Ðµ 2</td>
         <td><h2>ÐÐ°Ð·Ð²Ð°Ð½Ð¸Ðµ 2</h2></td>
     </tr>
     <tr>
-        <th><%= image_tag("jstoolbar/bt_h3.png", { alt: "ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 3" }) %></th>
+        <th><%= image_tag("jstoolbar/h3.svg", { alt: "ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 3" }) %></th>
         <td>h3. ÐÐ°Ð·Ð²Ð°Ð½Ð¸Ðµ 3</td>
         <td><h3>ÐÐ°Ð·Ð²Ð°Ð½Ð¸Ðµ 3</h3></td>
     </tr>
@@ -104,7 +104,7 @@
         <th colspan="3">Ð¡ÑÑÐ»ÐºÐ¸ Redmine <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th>
     </tr>
     <tr>
-        <th><%= image_tag("jstoolbar/bt_link.png", { alt: "Ð¡ÑÑÐ»ÐºÐ° Ð½Ð° Wiki ÑÑÑÐ°Ð½Ð¸ÑÑ" }) %></th>
+        <th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Ð¡ÑÑÐ»ÐºÐ° Ð½Ð° Wiki ÑÑÑÐ°Ð½Ð¸ÑÑ" }) %></th>
         <td>[[Wiki ÑÑÑÐ°Ð½Ð¸ÑÐ°]]</td>
         <td><a href="#">Wiki ÑÑÑÐ°Ð½Ð¸ÑÐ°</a></td>
     </tr>
@@ -133,7 +133,7 @@
         <th colspan="3">ÐÑÑÐ°Ð²ÐºÐ° Ð¸Ð·Ð¾Ð±ÑÐ°Ð¶ÐµÐ½Ð¸Ð¹ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th>
     </tr>
     <tr>
-        <th><%= image_tag("jstoolbar/bt_img.png", { alt: "ÐÐ·Ð¾Ð±ÑÐ°Ð¶ÐµÐ½Ð¸Ðµ" }) %></th>
+        <th><%= image_tag("jstoolbar/image.svg", { alt: "ÐÐ·Ð¾Ð±ÑÐ°Ð¶ÐµÐ½Ð¸Ðµ" }) %></th>
         <td>!<em>url_ÐºÐ°ÑÑÐ¸Ð½ÐºÐ¸</em>!</td>
         <td></td>
     </tr>
diff --git a/app/views/help/wiki_syntax/textile/ta-in/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/ta-in/wiki_syntax_textile.html.erb
index ade206069..406c72089 100644
--- a/app/views/help/wiki_syntax/textile/ta-in/wiki_syntax_textile.html.erb
+++ b/app/views/help/wiki_syntax/textile/ta-in/wiki_syntax_textile.html.erb
@@ -11,13 +11,13 @@
 
 <table style="width:100%">
 <tr><th colspan="3">à®à®´à¯à®¤à¯à®¤à¯à®°à¯ à®ªà®¾à®à¯à®à¯à®à®³à¯ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">à®®à¯à®²à¯à®®à¯</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "Strong" }) %></th><td style="width:50%;">*à®µà®²à¯à®µà®¾à®©*</td><td style="width:50%;"><strong>à®µà®²à¯à®µà®¾à®©</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "Italic" }) %></th><td>_à®à®¾à®¯à¯à®µà¯_</td><td><em>à®à®¾à®¯à¯à®µà¯</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "Underline" }) %></th><td>+à®à®à®¿à®à¯à®à¯à®à®¿à®à¯à®à¯+</td><td><ins>à®à®à®¿à®à¯à®à¯à®à®¿à®à¯à®à¯</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "Deleted" }) %></th><td>-à®¨à¯à®à¯à®à®ªà¯à®ªà®à¯à®à®¤à¯-</td><td><del>à®¨à¯à®à¯à®à®ªà¯à®ªà®à¯à®à®¤à¯</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "Strong" }) %></th><td style="width:50%;">*à®µà®²à¯à®µà®¾à®©*</td><td style="width:50%;"><strong>à®µà®²à¯à®µà®¾à®©</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "Italic" }) %></th><td>_à®à®¾à®¯à¯à®µà¯_</td><td><em>à®à®¾à®¯à¯à®µà¯</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "Underline" }) %></th><td>+à®à®à®¿à®à¯à®à¯à®à®¿à®à¯à®à¯+</td><td><ins>à®à®à®¿à®à¯à®à¯à®à®¿à®à¯à®à¯</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "Deleted" }) %></th><td>-à®¨à¯à®à¯à®à®ªà¯à®ªà®à¯à®à®¤à¯-</td><td><del>à®¨à¯à®à¯à®à®ªà¯à®ªà®à¯à®à®¤à¯</del></td></tr>
 <tr><th></th><td>??à®®à¯à®±à¯à®à¯à®³à¯??</td><td><cite>à®®à¯à®±à¯à®à¯à®³à¯</cite></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "Inline code" }) %></th><td>@à®à®©à¯à®²à¯à®©à¯ à®à¯à®±à®¿à®¯à¯à®à¯@</td><td><code>à®à®©à¯à®²à¯à®©à¯ à®à¯à®±à®¿à®¯à¯à®à¯</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "Preformatted text" }) %></th><td>&lt;pre&gt;<br />&nbsp;à®à¯à®¾à®à¯à®à®³à¯<br />&nbsp;à®à¯à®±à®¿à®¯à¯à®à¯<br />&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "Inline code" }) %></th><td>@à®à®©à¯à®²à¯à®©à¯ à®à¯à®±à®¿à®¯à¯à®à¯@</td><td><code>à®à®©à¯à®²à¯à®©à¯ à®à¯à®±à®¿à®¯à¯à®à¯</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>&lt;pre&gt;<br />&nbsp;à®à¯à®¾à®à¯à®à®³à¯<br />&nbsp;à®à¯à®±à®¿à®¯à¯à®à¯<br />&lt;/pre&gt;</td><td>
 <pre>
  à®à¯à®¾à®à¯à®à®³à¯
  à®à¯à®±à®¿à®¯à¯à®à¯
@@ -25,7 +25,7 @@
 </td></tr>
 
 <tr><th colspan="3">à®à®¿à®±à®ªà¯à®ªà®®à¯à®à®®à®¾à® à®à¯à®±à®¿à®¯à¯à®à¯ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">à®®à¯à®²à¯à®®à¯</a>) | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "Highlighted code" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "Highlighted code" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -33,20 +33,20 @@
 </td></tr>
 
 <tr><th colspan="3">à®ªà®à¯à®à®¿à®¯à®²à¯à®à®³à¯</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "Unordered list" }) %></th><td>* à®ªà¯à®°à¯à®³à¯ 1<br />** à®¤à¯à®£à¯<br />* à®ªà¯à®°à¯à®³à¯ 2</td><td><ul><li>à®ªà¯à®°à¯à®³à¯ 1<ul><li>à®¤à¯à®£à¯</li></ul></li><li>à®ªà¯à®°à¯à®³à¯ 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "Ordered list" }) %></th><td># à®ªà¯à®°à¯à®³à¯ 1<br />## à®¤à¯à®£à¯<br /># à®ªà¯à®°à¯à®³à¯ 2</td><td><ol><li>à®ªà¯à®°à¯à®³à¯ 1<ol><li>à®¤à¯à®£à¯</li></ol></li><li>à®ªà¯à®°à¯à®³à¯ 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "Unordered list" }) %></th><td>* à®ªà¯à®°à¯à®³à¯ 1<br />** à®¤à¯à®£à¯<br />* à®ªà¯à®°à¯à®³à¯ 2</td><td><ul><li>à®ªà¯à®°à¯à®³à¯ 1<ul><li>à®¤à¯à®£à¯</li></ul></li><li>à®ªà¯à®°à¯à®³à¯ 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "Ordered list" }) %></th><td># à®ªà¯à®°à¯à®³à¯ 1<br />## à®¤à¯à®£à¯<br /># à®ªà¯à®°à¯à®³à¯ 2</td><td><ol><li>à®ªà¯à®°à¯à®³à¯ 1<ol><li>à®¤à¯à®£à¯</li></ol></li><li>à®ªà¯à®°à¯à®³à¯ 2</li></ol></td></tr>
 
 <tr><th colspan="3">à®¤à®²à¯à®ªà¯à®ªà¯à®à®³à¯ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">à®®à¯à®²à¯à®®à¯</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "Heading 1" }) %></th><td>h1. à®¤à®²à¯à®ªà¯à®ªà¯ 1</td><td><h1>à®¤à®²à¯à®ªà¯à®ªà¯ 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "Heading 2" }) %></th><td>h2. à®¤à®²à¯à®ªà¯à®ªà¯ 2</td><td><h2>à®¤à®²à¯à®ªà¯à®ªà¯ 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "Heading 3" }) %></th><td>h3. à®¤à®²à¯à®ªà¯à®ªà¯ 3</td><td><h3>à®¤à®²à¯à®ªà¯à®ªà¯ 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "Heading 1" }) %></th><td>h1. à®¤à®²à¯à®ªà¯à®ªà¯ 1</td><td><h1>à®¤à®²à¯à®ªà¯à®ªà¯ 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "Heading 2" }) %></th><td>h2. à®¤à®²à¯à®ªà¯à®ªà¯ 2</td><td><h2>à®¤à®²à¯à®ªà¯à®ªà¯ 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "Heading 3" }) %></th><td>h3. à®¤à®²à¯à®ªà¯à®ªà¯ 3</td><td><h3>à®¤à®²à¯à®ªà¯à®ªà¯ 3</h3></td></tr>
 
 <tr><th colspan="3">à®à®£à¯à®ªà¯à®ªà¯à®à®³à¯ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">à®®à¯à®²à¯à®®à¯</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>"Foo":http://foo.bar</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine à®à®£à¯à®ªà¯à®ªà¯à®à®³à¯ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">à®®à¯à®²à¯à®®à¯</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "Link to a Wiki page" }) %></th><td>[[Wiki page]]</td><td><a href="#">Wiki page</a></td></tr>
 <tr><th></th><td>à®à®¿à®à¯à®à®²à¯à®à®³à¯ #12</td><td>à®à®¿à®à¯à®à®²à¯à®à®³à¯ <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>à®¤à®¿à®°à¯à®¤à¯à®¤à®®à¯ r43</td><td>à®¤à®¿à®°à¯à®¤à¯à®¤à®®à¯ <a href="#">r43</a></td></tr>
@@ -54,7 +54,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">à®à®©à¯à®²à¯à®©à¯ à®ªà®à®à¯à®à®³à¯ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">à®®à¯à®²à¯à®®à¯</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>!<em>à®ªà®à®®à¯_url</em>!</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>!<em>à®ªà®à®®à¯_url</em>!</td><td></td></tr>
 <tr><th></th><td>!<em>à®à®£à¯à®à¯à®à®ªà¯à®ªà®à¯à®_à®ªà®à®®à¯</em>!</td><td></td></tr>
 
 <tr><th colspan="3">à®à®à¯à®à®µà®£à¯</th></tr>
diff --git a/app/views/help/wiki_syntax/textile/uk/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/uk/wiki_syntax_textile.html.erb
index 62fbfe5c0..d276659aa 100644
--- a/app/views/help/wiki_syntax/textile/uk/wiki_syntax_textile.html.erb
+++ b/app/views/help/wiki_syntax/textile/uk/wiki_syntax_textile.html.erb
@@ -11,13 +11,13 @@
 
 <table style="width:100%">
 <tr><th colspan="3">CÑÐ¸Ð»Ñ ÑÑÐ¸ÑÑÑÐ² <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "ÐÐ¸ÑÐ½Ð¸Ð¹" }) %></th><td style="width:50%;">*ÐÐ¸ÑÐ½Ð¸Ð¹*</td><td style="width:50%;"><strong>ÐÐ¸ÑÐ½Ð¸Ð¹</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "ÐÑÑÑÐ¸Ð²" }) %></th><td>_ÐÑÑÑÐ¸Ð²_</td><td><em>ÐÑÑÑÐ¸Ð²</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "ÐÑÐ´ÐºÑÐµÑÐ»ÐµÐ½Ð¸Ð¹" }) %></th><td>+ÐÑÐ´ÐºÑÐµÑÐ»ÐµÐ½Ð¸Ð¹+</td><td><ins>ÐÑÐ´ÐºÑÐµÑÐ»ÐµÐ½Ð¸Ð¹</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "ÐÐ°ÐºÑÐµÑÐ»ÐµÐ½Ð¸Ð¹" }) %></th><td>-ÐÐ°ÐºÑÐµÑÐ»ÐµÐ½Ð¸Ð¹-</td><td><del>ÐÐ°ÐºÑÐµÑÐ»ÐµÐ½Ð¸Ð¹</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "ÐÐ¸ÑÐ½Ð¸Ð¹" }) %></th><td style="width:50%;">*ÐÐ¸ÑÐ½Ð¸Ð¹*</td><td style="width:50%;"><strong>ÐÐ¸ÑÐ½Ð¸Ð¹</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "ÐÑÑÑÐ¸Ð²" }) %></th><td>_ÐÑÑÑÐ¸Ð²_</td><td><em>ÐÑÑÑÐ¸Ð²</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "ÐÑÐ´ÐºÑÐµÑÐ»ÐµÐ½Ð¸Ð¹" }) %></th><td>+ÐÑÐ´ÐºÑÐµÑÐ»ÐµÐ½Ð¸Ð¹+</td><td><ins>ÐÑÐ´ÐºÑÐµÑÐ»ÐµÐ½Ð¸Ð¹</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "ÐÐ°ÐºÑÐµÑÐ»ÐµÐ½Ð¸Ð¹" }) %></th><td>-ÐÐ°ÐºÑÐµÑÐ»ÐµÐ½Ð¸Ð¹-</td><td><del>ÐÐ°ÐºÑÐµÑÐ»ÐµÐ½Ð¸Ð¹</del></td></tr>
 <tr><th></th><td>??Ð¦Ð¸ÑÑÐ²Ð°Ð½Ð½Ñ??</td><td><cite>Ð¦Ð¸ÑÑÐ²Ð°Ð½Ð½Ñ</cite></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "ÐÐ½Ð»Ð°Ð¹Ð½ ÐºÐ¾Ð´" }) %></th><td>@ÐÐ½Ð»Ð°Ð¹Ð½ ÐºÐ¾Ð´@</td><td><code>ÐÐ½Ð»Ð°Ð¹Ð½ ÐºÐ¾Ð´</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "ÐÐ¾Ð¿ÐµÑÐµÐ´Ð½ÑÐ¾ Ð²ÑÐ´ÑÐ¾ÑÐ¼Ð°ÑÐ¾Ð²Ð°Ð½Ð¸Ð¹ ÑÐµÐºÑÑ" }) %></th><td>&lt;pre&gt;<br />&nbsp;ÐÐ¾Ð¿ÐµÑÐµÐ´Ð½ÑÐ¾<br />&nbsp;Ð²ÑÐ´ÑÐ¾ÑÐ¼Ð°ÑÐ¾Ð²Ð°Ð½Ð¸Ð¹<br />&nbsp;ÑÐµÐºÑÑ<br />&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "ÐÐ½Ð»Ð°Ð¹Ð½ ÐºÐ¾Ð´" }) %></th><td>@ÐÐ½Ð»Ð°Ð¹Ð½ ÐºÐ¾Ð´@</td><td><code>ÐÐ½Ð»Ð°Ð¹Ð½ ÐºÐ¾Ð´</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>&lt;pre&gt;<br />&nbsp;ÐÐ¾Ð¿ÐµÑÐµÐ´Ð½ÑÐ¾<br />&nbsp;Ð²ÑÐ´ÑÐ¾ÑÐ¼Ð°ÑÐ¾Ð²Ð°Ð½Ð¸Ð¹<br />&nbsp;ÑÐµÐºÑÑ<br />&lt;/pre&gt;</td><td>
 <pre>
  ÐÐ¾Ð¿ÐµÑÐµÐ´Ð½ÑÐ¾
  Ð²ÑÐ´ÑÐ¾ÑÐ¼Ð°ÑÐ¾Ð²Ð°Ð½Ð¸Ð¹
@@ -26,7 +26,7 @@
 </td></tr>
 
 <tr><th colspan="3">Ð¸Ð´ÑÐ»ÐµÐ½Ð¸Ð¹ ÐºÐ¾Ð´ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "ÐÐ¸Ð´ÑÐ»ÐµÐ½Ð¸Ð¹ ÐºÐ¾Ð´" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "ÐÐ¸Ð´ÑÐ»ÐµÐ½Ð¸Ð¹ ÐºÐ¾Ð´" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -34,20 +34,20 @@
 </td></tr>
 
 <tr><th colspan="3">Ð¡Ð¿Ð¸ÑÐºÐ¸</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "ÐÐµÐ½ÑÐ¼ÐµÑÐ¾Ð²Ð°Ð½Ð½Ð¸Ð¹ ÑÐ¿Ð¸ÑÐ¾Ðº" }) %></th><td>* ÐÑÐ½ÐºÑ<br />** ÐÑÐ´Ð¿ÑÐ½ÐºÑ<br />* ÐÑÐ½ÐºÑ</td><td><ul><li>ÐÑÐ½ÐºÑ<ul><li>ÐÑÐ´Ð¿ÑÐ½ÐºÑ</li></ul></li><li>ÐÑÐ½ÐºÑ</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "ÐÑÐ¼ÐµÑÐ¾Ð²Ð°Ð½Ð¸Ð¹ ÑÐ¿Ð¸ÑÐ¾Ðº" }) %></th><td># ÐÑÐ½ÐºÑ<br />## ÐÑÐ´Ð¿ÑÐ½ÐºÑ<br /># ÐÑÐ½ÐºÑ</td><td><ol><li>ÐÑÐ½ÐºÑ<ol><li>ÐÑÐ´Ð¿ÑÐ½ÐºÑ</li></ol></li><li>ÐÑÐ½ÐºÑ</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "ÐÐµÐ½ÑÐ¼ÐµÑÐ¾Ð²Ð°Ð½Ð½Ð¸Ð¹ ÑÐ¿Ð¸ÑÐ¾Ðº" }) %></th><td>* ÐÑÐ½ÐºÑ<br />** ÐÑÐ´Ð¿ÑÐ½ÐºÑ<br />* ÐÑÐ½ÐºÑ</td><td><ul><li>ÐÑÐ½ÐºÑ<ul><li>ÐÑÐ´Ð¿ÑÐ½ÐºÑ</li></ul></li><li>ÐÑÐ½ÐºÑ</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "ÐÑÐ¼ÐµÑÐ¾Ð²Ð°Ð½Ð¸Ð¹ ÑÐ¿Ð¸ÑÐ¾Ðº" }) %></th><td># ÐÑÐ½ÐºÑ<br />## ÐÑÐ´Ð¿ÑÐ½ÐºÑ<br /># ÐÑÐ½ÐºÑ</td><td><ol><li>ÐÑÐ½ÐºÑ<ol><li>ÐÑÐ´Ð¿ÑÐ½ÐºÑ</li></ol></li><li>ÐÑÐ½ÐºÑ</li></ol></td></tr>
 
 <tr><th colspan="3">ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾ÐºÐ¸ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 1" }) %></th><td>h1. ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 1</td><td><h1>ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº&nbsp;1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 2" }) %></th><td>h2. ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 2</td><td><h2>ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº&nbsp;2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 3" }) %></th><td>h3. ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 3</td><td><h3>ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº&nbsp;3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 1" }) %></th><td>h1. ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 1</td><td><h1>ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº&nbsp;1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 2" }) %></th><td>h2. ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 2</td><td><h2>ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº&nbsp;2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 3" }) %></th><td>h3. ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº 3</td><td><h3>ÐÐ°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº&nbsp;3</h3></td></tr>
 
 <tr><th colspan="3">ÐÑÐ½ÐºÐ¸(Ð¿Ð¾ÑÐ¸Ð»Ð°Ð½Ð½Ñ) <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>"Foo":http://foo.bar</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine Ð¿Ð¾ÑÐ¸Ð»Ð°Ð½Ð½Ñ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "ÐÐ¾ÑÐ¸Ð»Ð°Ð½Ð½Ñ Ð½Ð° Ð²ÑÐºÑ ÑÑÐ¾ÑÑÐ½ÐºÑ" }) %></th><td>[[ÐÑÐºÑ ÑÑÐ¾ÑÑÐ½ÐºÐ°]]</td><td><a href="#">ÐÑÐºÑ ÑÑÐ¾ÑÑÐ½ÐºÐ°</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "ÐÐ¾ÑÐ¸Ð»Ð°Ð½Ð½Ñ Ð½Ð° Ð²ÑÐºÑ ÑÑÐ¾ÑÑÐ½ÐºÑ" }) %></th><td>[[ÐÑÐºÑ ÑÑÐ¾ÑÑÐ½ÐºÐ°]]</td><td><a href="#">ÐÑÐºÑ ÑÑÐ¾ÑÑÐ½ÐºÐ°</a></td></tr>
 <tr><th></th><td>ÐÐ°Ð²Ð´Ð°Ð½Ð½Ñ #12</td><td>ÐÐ°Ð²Ð´Ð°Ð½Ð½Ñ <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>Revision r43</td><td>Revision <a href="#">r43</a></td></tr>
@@ -55,7 +55,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">ÐÐ±ÑÐ´Ð¾Ð²Ð°Ð½Ðµ(inline) Ð·Ð¾Ð±ÑÐ°Ð¶ÐµÐ½Ð½Ñ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "ÐÐ¾Ð±ÑÐ°Ð¶ÐµÐ½Ð½Ñ" }) %></th><td>!<em>image_url</em>!</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "ÐÐ¾Ð±ÑÐ°Ð¶ÐµÐ½Ð½Ñ" }) %></th><td>!<em>image_url</em>!</td><td></td></tr>
 <tr><th></th><td>!<em>attached_image</em>!</td><td></td></tr>
 
 <tr><th colspan="3">Ð¢Ð°Ð±Ð»Ð¸ÑÑ</th></tr>
diff --git a/app/views/help/wiki_syntax/textile/zh-tw/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/zh-tw/wiki_syntax_textile.html.erb
index 998028217..1a53683d0 100644
--- a/app/views/help/wiki_syntax/textile/zh-tw/wiki_syntax_textile.html.erb
+++ b/app/views/help/wiki_syntax/textile/zh-tw/wiki_syntax_textile.html.erb
@@ -11,13 +11,13 @@
 
 <table style="width:100%">
 <tr><th colspan="3">å­åæ¨£å¼ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "å¼·èª¿ç²é«" }) %></th><td style="width:50%;">*å¼·èª¿ç²é«*</td><td style="width:50%;"><strong>å¼·èª¿ç²é«</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "æé«" }) %></th><td>_æé«_</td><td><em>æé«</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "åºç·" }) %></th><td>+åºç·+</td><td><ins>åºç·</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "åªé¤ç·" }) %></th><td>-åªé¤ç·-</td><td><del>åªé¤ç·</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "å¼·èª¿ç²é«" }) %></th><td style="width:50%;">*å¼·èª¿ç²é«*</td><td style="width:50%;"><strong>å¼·èª¿ç²é«</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "æé«" }) %></th><td>_æé«_</td><td><em>æé«</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "åºç·" }) %></th><td>+åºç·+</td><td><ins>åºç·</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "åªé¤ç·" }) %></th><td>-åªé¤ç·-</td><td><del>åªé¤ç·</del></td></tr>
 <tr><th></th><td>??å¼æ??</td><td><cite>å¼æ</cite></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "å§åµç¨å¼ç¢¼" }) %></th><td>@å§åµç¨å¼ç¢¼@</td><td><code>å§åµç¨å¼ç¢¼ (inline code)</code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "é åæ ¼å¼åçæ®µè½æå­" }) %></th><td>&lt;pre&gt;<br />&nbsp;æ ¼å¼å<br />&nbsp;çæ®µè½æå­<br />&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "å§åµç¨å¼ç¢¼" }) %></th><td>@å§åµç¨å¼ç¢¼@</td><td><code>å§åµç¨å¼ç¢¼ (inline code)</code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>&lt;pre&gt;<br />&nbsp;æ ¼å¼å<br />&nbsp;çæ®µè½æå­<br />&lt;/pre&gt;</td><td>
 <pre>
  æ ¼å¼å
  çæ®µè½æå­
@@ -25,7 +25,7 @@
 </td></tr>
 
 <tr><th colspan="3">åç½ç¨å¼ç¢¼ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "åç½ç¨å¼ç¢¼" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "åç½ç¨å¼ç¢¼" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -33,20 +33,20 @@
 </td></tr>
 
 <tr><th colspan="3">æ¸å®</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "ä¸æåºæ¸å®" }) %></th><td>* æ¸å®é ç® 1<br />** å­æ¸å®é ç®<br />* æ¸å®é ç® 2</td><td><ul><li>æ¸å®é ç® 1<ul><li>å­æ¸å®é ç®</li></ul></li><li>æ¸å®é ç® 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "æåºæ¸å®" }) %></th><td># æ¸å®é ç® 1<br />## Sub<br /># æ¸å®é ç® 2</td><td><ol><li>æ¸å®é ç® 1<ol><li>Sub</li></ol></li><li>æ¸å®é ç® 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "ä¸æåºæ¸å®" }) %></th><td>* æ¸å®é ç® 1<br />** å­æ¸å®é ç®<br />* æ¸å®é ç® 2</td><td><ul><li>æ¸å®é ç® 1<ul><li>å­æ¸å®é ç®</li></ul></li><li>æ¸å®é ç® 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "æåºæ¸å®" }) %></th><td># æ¸å®é ç® 1<br />## Sub<br /># æ¸å®é ç® 2</td><td><ol><li>æ¸å®é ç® 1<ol><li>Sub</li></ol></li><li>æ¸å®é ç® 2</li></ol></td></tr>
 
 <tr><th colspan="3">æ¨é¡ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "æ¨é¡ 1" }) %></th><td>h1. æ¨é¡ 1</td><td><h1>æ¨é¡ 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "æ¨é¡ 2" }) %></th><td>h2. æ¨é¡ 2</td><td><h2>æ¨é¡ 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "æ¨é¡ 3" }) %></th><td>h3. æ¨é¡ 3</td><td><h3>æ¨é¡ 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "æ¨é¡ 1" }) %></th><td>h1. æ¨é¡ 1</td><td><h1>æ¨é¡ 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "æ¨é¡ 2" }) %></th><td>h2. æ¨é¡ 2</td><td><h2>æ¨é¡ 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "æ¨é¡ 3" }) %></th><td>h3. æ¨é¡ 3</td><td><h3>æ¨é¡ 3</h3></td></tr>
 
 <tr><th colspan="3">é£çµ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>"Foo":http://foo.bar</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine é£çµ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "é£çµè³ä¸å Wiki é é¢" }) %></th><td>[[Wiki é é¢]]</td><td><a href="#">Wiki é é¢</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "é£çµè³ä¸å Wiki é é¢" }) %></th><td>[[Wiki é é¢]]</td><td><a href="#">Wiki é é¢</a></td></tr>
 <tr><th></th><td>è­°é¡ #12</td><td>è­°é¡ <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>çæ¬¡ r43</td><td>çæ¬¡ <a href="#">r43</a></td></tr>
@@ -54,7 +54,7 @@
 <tr><th></th><td>source:some/file</td><td><a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">å§åµåå <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "åå" }) %></th><td>!<em>åå_url</em>!</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "åå" }) %></th><td>!<em>åå_url</em>!</td><td></td></tr>
 <tr><th></th><td>!<em>éå _åå</em>!</td><td></td></tr>
 
 <tr><th colspan="3">è¡¨æ ¼</th></tr>
diff --git a/app/views/help/wiki_syntax/textile/zh/wiki_syntax_textile.html.erb b/app/views/help/wiki_syntax/textile/zh/wiki_syntax_textile.html.erb
index 02680f1dc..aeabac602 100644
--- a/app/views/help/wiki_syntax/textile/zh/wiki_syntax_textile.html.erb
+++ b/app/views/help/wiki_syntax/textile/zh/wiki_syntax_textile.html.erb
@@ -11,13 +11,13 @@
 
 <table style="width:100%">
 <tr><th colspan="3">å­ä½é£æ ¼ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "5") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_strong.png", { alt: "ç²ä½" }) %></th><td style="width:50%;">*ç²ä½*</td><td style="width:50%;"><strong>ç²ä½</strong></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_em.png", { alt: "æä½" }) %></th><td>_Italic_</td><td><em>æä½</em></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ins.png", { alt: "ä¸åçº¿" }) %></th><td>+ä¸åçº¿+</td><td><ins>ä¸åçº¿</ins></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_del.png", { alt: "å é¤çº¿" }) %></th><td>-å é¤çº¿-</td><td><del>å é¤çº¿</del></td></tr>
+<tr><th><%= image_tag("jstoolbar/bold.svg", { alt: "ç²ä½" }) %></th><td style="width:50%;">*ç²ä½*</td><td style="width:50%;"><strong>ç²ä½</strong></td></tr>
+<tr><th><%= image_tag("jstoolbar/italic.svg", { alt: "æä½" }) %></th><td>_Italic_</td><td><em>æä½</em></td></tr>
+<tr><th><%= image_tag("jstoolbar/underline.svg", { alt: "ä¸åçº¿" }) %></th><td>+ä¸åçº¿+</td><td><ins>ä¸åçº¿</ins></td></tr>
+<tr><th><%= image_tag("jstoolbar/strikethrough.svg", { alt: "å é¤çº¿" }) %></th><td>-å é¤çº¿-</td><td><del>å é¤çº¿</del></td></tr>
 <tr><th></th><td>??å¼ç¨??</td><td><cite>å¼ç¨</cite></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_code.png", { alt: "ååµç¨åºä»£ç " }) %></th><td>@ååµç¨åºä»£ç @</td><td><code>ååµç¨åºä»£ç </code></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_pre.png", { alt: "é¢åæ ¼å¼åçæ®µè½" }) %></th><td>&lt;pre&gt;<br />&nbsp;æ ¼å¼å<br />&nbsp;çæ®µè½<br />&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/letter-c.svg", { alt: "ååµç¨åºä»£ç " }) %></th><td>@ååµç¨åºä»£ç @</td><td><code>ååµç¨åºä»£ç </code></td></tr>
+<tr><th><span class="syntax-pre"/></th><td>&lt;pre&gt;<br />&nbsp;æ ¼å¼å<br />&nbsp;çæ®µè½<br />&lt;/pre&gt;</td><td>
 <pre>
  æ ¼å¼å
  çæ®µè½
@@ -25,7 +25,7 @@
 </td></tr>
 
 <tr><th colspan="3">Highlighted code <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "13") %>" target="_blank">more</a> | <a href="<%= help_code_highlighting_path %>" target="_blank">supported languages</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_precode.png", { alt: "Highlighted code" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
+<tr><th><%= image_tag("jstoolbar/code.svg", { alt: "Highlighted code" }) %></th><td>&lt;pre&gt;&lt;code class="ruby"&gt;<br />3.times do<br />&nbsp;&nbsp;puts 'Hello'<br />end<br />&lt;/code&gt;&lt;/pre&gt;</td><td>
 <pre><code class="ruby syntaxhl"><span class="mi">3</span><span class="p">.</span><span class="nf">times</span> <span class="k">do</span>
   <span class="nb">puts</span> <span class="s1">'Hello'</span>
 <span class="k">end</span>
@@ -33,20 +33,20 @@
 </td></tr>
 
 <tr><th colspan="3">åè¡¨</th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ul.png", { alt: "ä¸æåºåè¡¨" }) %></th><td>* åè¡¨é¡¹ 1<br />** Sub<br />* åè¡¨é¡¹ 2</td><td><ul><li>åè¡¨é¡¹ 1<ul><li>å­é¡¹</li></ul></li><li>åè¡¨é¡¹ 2</li></ul></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_ol.png", { alt: "æåºåè¡¨" }) %></th><td># åè¡¨é¡¹ 1<br />## Sub<br /># åè¡¨é¡¹ 2</td><td><ol><li>åè¡¨é¡¹ 1<ol><li>å­é¡¹</li></ol></li><li>åè¡¨é¡¹ 2</li></ol></td></tr>
+<tr><th><%= image_tag("jstoolbar/list.svg", { alt: "ä¸æåºåè¡¨" }) %></th><td>* åè¡¨é¡¹ 1<br />** Sub<br />* åè¡¨é¡¹ 2</td><td><ul><li>åè¡¨é¡¹ 1<ul><li>å­é¡¹</li></ul></li><li>åè¡¨é¡¹ 2</li></ul></td></tr>
+<tr><th><%= image_tag("jstoolbar/list-numbers.svg", { alt: "æåºåè¡¨" }) %></th><td># åè¡¨é¡¹ 1<br />## Sub<br /># åè¡¨é¡¹ 2</td><td><ol><li>åè¡¨é¡¹ 1<ol><li>å­é¡¹</li></ol></li><li>åè¡¨é¡¹ 2</li></ol></td></tr>
 
 <tr><th colspan="3">æ é¢ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "8") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h1.png", { alt: "æ é¢ 1" }) %></th><td>h1. æ é¢ 1</td><td><h1>æ é¢ 1</h1></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h2.png", { alt: "æ é¢ 2" }) %></th><td>h2. æ é¢ 2</td><td><h2>æ é¢ 2</h2></td></tr>
-<tr><th><%= image_tag("jstoolbar/bt_h3.png", { alt: "æ é¢ 3" }) %></th><td>h3. æ é¢ 3</td><td><h3>æ é¢ 3</h3></td></tr>
+<tr><th><%= image_tag("jstoolbar/h1.svg", { alt: "æ é¢ 1" }) %></th><td>h1. æ é¢ 1</td><td><h1>æ é¢ 1</h1></td></tr>
+<tr><th><%= image_tag("jstoolbar/h2.svg", { alt: "æ é¢ 2" }) %></th><td>h2. æ é¢ 2</td><td><h2>æ é¢ 2</h2></td></tr>
+<tr><th><%= image_tag("jstoolbar/h3.svg", { alt: "æ é¢ 3" }) %></th><td>h3. æ é¢ 3</td><td><h3>æ é¢ 3</h3></td></tr>
 
 <tr><th colspan="3">é¾æ¥ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "4") %>" target="_blank">more</a>)</span></th></tr>
 <tr><th></th><td>http://foo.bar</td><td><a href="#">http://foo.bar</a></td></tr>
 <tr><th></th><td>"Foo":http://foo.bar</td><td><a href="#">Foo</a></td></tr>
 
 <tr><th colspan="3">Redmine é¾æ¥ <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "3") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_link.png", { alt: "é¾æ¥å°ä¸ä¸ªWiki é¡µé¢" }) %></th><td>[[Wiki é¡µé¢]]</td><td><a href="#">Wiki é¡µé¢</a></td></tr>
+<tr><th><%= image_tag("jstoolbar/wiki_link.svg", { alt: "é¾æ¥å°ä¸ä¸ªWiki é¡µé¢" }) %></th><td>[[Wiki é¡µé¢]]</td><td><a href="#">Wiki é¡µé¢</a></td></tr>
 <tr><th></th><td>é®é¢ #12</td><td>é®é¢ <a href="#">#12</a></td></tr>
 <tr><th></th><td>##12</td><td><a href="#">Bug #12</a>: The issue subject</td></tr>
 <tr><th></th><td>ä¿®è®¢ r43</td><td>ä¿®è®¢ <a href="#">r43</a></td></tr>
@@ -54,7 +54,7 @@
 <tr><th></th><td>source:some/file</td><td>ä»£ç ï¼<a href="#">source:some/file</a></td></tr>
 
 <tr><th colspan="3">ååµå¾ç <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "7") %>" target="_blank">more</a>)</span></th></tr>
-<tr><th><%= image_tag("jstoolbar/bt_img.png", { alt: "Image" }) %></th><td>!<em>image_url</em>!</td><td></td></tr>
+<tr><th><%= image_tag("jstoolbar/image.svg", { alt: "Image" }) %></th><td>!<em>image_url</em>!</td><td></td></tr>
 <tr><th></th><td>!<em>attached_image</em>!</td><td></td></tr>
 
 <tr><th colspan="3">è¡¨æ ¼</th></tr>
-- 
2.39.5