shorten symbol- ID prefix in SVG to icon-

Author: mojavelinux

gulp.d/tasks/build.js

@@ -115,7 +115,7 @@ module.exports = (src, dest, preview) => () => {
             imagemin.optipng(),
             imagemin.svgo({
               plugins: [
-                { cleanupIDs: { preservePrefixes: ['symbol-', 'view-'] } },
+                { cleanupIDs: { preservePrefixes: ['icon-', 'view-'] } },
                 { removeViewBox: false },
                 { removeDesc: false },
               ],

src/img/octicons.svg

@@ -35,7 +35,7 @@
       svg.setAttribute('aria-hidden', 'true')
       svg.setAttribute('class', 'copy-icon')
       var use = document.createElementNS('http://www.w3.org/2000/svg', 'use')
-      use.setAttribute('href', window.uiRootPath + '/img/octicons.svg#symbol-clippy-16')
+      use.setAttribute('href', window.uiRootPath + '/img/octicons.svg#icon-clippy-16')
       svg.appendChild(use)
       copy.appendChild(svg)
       ;(toast = document.createElement('span')).className = 'copy-toast'

src/js/06-copy-to-clipboard.js

@@ -93,7 +93,7 @@
         --}}
         <a class="navbar-item" href="https://github.com/asciidoctor" target="_blank" rel="noopener">
           <span class="icon">
-            <svg xmlns="http://www.w3.org/2000/svg"><use href="{{{uiRootPath}}}/img/octicons.svg#symbol-mark-github-16"></use></svg>
+            <svg xmlns="http://www.w3.org/2000/svg"><use href="{{{uiRootPath}}}/img/octicons.svg#icon-mark-github-16"></use></svg>
           </span>
         </a>
       </div>