responsive suggest icons

fixes #12029 related to #12859

responsive suggest icons
fixes #12029 related to #12859
7a8e03c6 · Joao Moreno · 555b4f0b · 7a8e03c6 · 7a8e03c6 · 7a8e03c6
39 changed file
--- a/src/vs/editor/contrib/suggest/browser/Class_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Class_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#f6f6f6}.icon-vs-out{fill:#f6f6f6}.icon-vs-action-orange{fill:#c27d1a}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M16 6.586l-3-3L11.586 5H9.414l1-1-4-4h-.828L0 5.586v.828l4 4L6.414 8H7v5h1.586l3 3h.828L16 12.414v-.828L13.914 9.5 16 7.414v-.828z" id="outline"/><path class="icon-vs-action-orange" d="M13 10l2 2-3 3-2-2 1-1H8V7H6L4 9 1 6l5-5 3 3-2 2h5l1-1 2 2-3 3-2-2 1-1H9v4l2.999.002L13 10z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/Class_inverse_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Class_inverse_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#2d2d30}.icon-vs-out{fill:#2d2d30}.icon-vs-action-orange{fill:#e8ab53}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M16 6.586l-3-3L11.586 5H9.414l1-1-4-4h-.828L0 5.586v.828l4 4L6.414 8H7v5h1.586l3 3h.828L16 12.414v-.828L13.914 9.5 16 7.414v-.828z" id="outline"/><path class="icon-vs-action-orange" d="M13 10l2 2-3 3-2-2 1-1H8V7H6L4 9 1 6l5-5 3 3-2 2h5l1-1 2 2-3 3-2-2 1-1H9v4l2.999.002L13 10z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/ColorPalette_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/ColorPalette_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#f6f6f6}.icon-vs-out{fill:#f6f6f6}.icon-vs-bg{fill:#424242}.icon-vs-red{fill:#e51400}.icon-vs-yellow{fill:#ffcc00}.icon-vs-green{fill:#339933}.icon-vs-blue{fill:#1ba1e2}.icon-vs-action-purple{fill:#652d90}.icon-white{fill:#ffffff}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M16 8c0 4.411-3.589 8-8 8a2.803 2.803 0 0 1-2.8-2.8c0-.833.272-1.629.766-2.241a.596.596 0 0 0 .101-.359.667.667 0 0 0-.667-.666.58.58 0 0 0-.358.102A3.584 3.584 0 0 1 2.8 10.8 2.803 2.803 0 0 1 0 8c0-4.411 3.589-8 8-8s8 3.589 8 8z" id="outline"/><path class="icon-white" d="M5.4 7.933a2.67 2.67 0 0 1 2.667 2.666c0 .606-.193 1.179-.544 1.614a1.599 1.599 0 0 0-.323.987.8.8 0 0 0 .8.8c3.309 0 6-2.691 6-6s-2.691-6-6-6-6 2.691-6 6c0 .441.359.8.8.8.378 0 .729-.114.986-.322A2.568 2.568 0 0 1 5.4 7.933z" id="iconFg"/><g id="iconBg"><path class="icon-vs-bg" d="M8 15c-.992 0-1.8-.808-1.8-1.8 0-.606.193-1.179.544-1.613.208-.259.323-.609.323-.987 0-.919-.748-1.666-1.667-1.666-.377 0-.728.115-.986.323A2.58 2.58 0 0 1 2.8 9.8C1.808 9.8 1 8.992 1 8c0-3.86 3.14-7 7-7 3.859 0 7 3.14 7 7 0 3.859-3.141 7-7 7zM5.4 7.933a2.67 2.67 0 0 1 2.667 2.666c0 .606-.193 1.179-.544 1.614a1.599 1.599 0 0 0-.323.987.8.8 0 0 0 .8.8c3.309 0 6-2.691 6-6s-2.691-6-6-6-6 2.691-6 6c0 .441.359.8.8.8.378 0 .729-.114.986-.322A2.568 2.568 0 0 1 5.4 7.933z"/><path class="icon-vs-action-purple" d="M4.5 5.375a.875.875 0 1 0 0 1.75.875.875 0 0 0 0-1.75z"/><path class="icon-vs-blue" d="M7.125 3.625a.875.875 0 1 0 0 1.75.875.875 0 0 0 0-1.75z"/><path class="icon-vs-green" d="M10.625 4.5a.875.875 0 1 0 0 1.75.875.875 0 0 0 0-1.75z"/><path class="icon-vs-yellow" d="M11.5 8a.875.875 0 1 0 0 1.75.875.875 0 0 0 0-1.75z"/><path class="icon-vs-red" d="M9.75 10.625a.875.875 0 1 0 0 1.75.875.875 0 0 0 0-1.75z"/></g></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/ColorPalette_inverse_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/ColorPalette_inverse_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#2d2d30}.icon-vs-out{fill:#2d2d30}.icon-vs-bg{fill:#c5c5c5}.icon-vs-red{fill:#f48771}.icon-vs-yellow{fill:#ffcc00}.icon-vs-green{fill:#339933}.icon-vs-blue{fill:#1ba1e2}.icon-vs-action-purple{fill:#b180d7}.icon-white{fill:#000000}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M16 8c0 4.411-3.589 8-8 8a2.803 2.803 0 0 1-2.8-2.8c0-.833.272-1.629.766-2.241a.596.596 0 0 0 .101-.359.667.667 0 0 0-.667-.666.58.58 0 0 0-.358.102A3.584 3.584 0 0 1 2.8 10.8 2.803 2.803 0 0 1 0 8c0-4.411 3.589-8 8-8s8 3.589 8 8z" id="outline"/><path class="icon-white" d="M5.4 7.933a2.67 2.67 0 0 1 2.667 2.666c0 .606-.193 1.179-.544 1.614a1.599 1.599 0 0 0-.323.987.8.8 0 0 0 .8.8c3.309 0 6-2.691 6-6s-2.691-6-6-6-6 2.691-6 6c0 .441.359.8.8.8.378 0 .729-.114.986-.322A2.568 2.568 0 0 1 5.4 7.933z" id="iconFg"/><g id="iconBg"><path class="icon-vs-bg" d="M8 15c-.992 0-1.8-.808-1.8-1.8 0-.606.193-1.179.544-1.613.208-.259.323-.609.323-.987 0-.919-.748-1.666-1.667-1.666-.377 0-.728.115-.986.323A2.58 2.58 0 0 1 2.8 9.8C1.808 9.8 1 8.992 1 8c0-3.86 3.14-7 7-7 3.859 0 7 3.14 7 7 0 3.859-3.141 7-7 7zM5.4 7.933a2.67 2.67 0 0 1 2.667 2.666c0 .606-.193 1.179-.544 1.614a1.599 1.599 0 0 0-.323.987.8.8 0 0 0 .8.8c3.309 0 6-2.691 6-6s-2.691-6-6-6-6 2.691-6 6c0 .441.359.8.8.8.378 0 .729-.114.986-.322A2.568 2.568 0 0 1 5.4 7.933z"/><path class="icon-vs-action-purple" d="M4.5 5.375a.875.875 0 1 0 0 1.75.875.875 0 0 0 0-1.75z"/><path class="icon-vs-blue" d="M7.125 3.625a.875.875 0 1 0 0 1.75.875.875 0 0 0 0-1.75z"/><path class="icon-vs-green" d="M10.625 4.5a.875.875 0 1 0 0 1.75.875.875 0 0 0 0-1.75z"/><path class="icon-vs-yellow" d="M11.5 8a.875.875 0 1 0 0 1.75.875.875 0 0 0 0-1.75z"/><path class="icon-vs-red" d="M9.75 10.625a.875.875 0 1 0 0 1.75.875.875 0 0 0 0-1.75z"/></g></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/Document_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Document_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#f6f6f6}.icon-vs-out{fill:#f6f6f6}.icon-vs-bg{fill:#424242}.icon-vs-fg{fill:#f0eff1}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M15 16H2V0h8.621L15 4.379V16z" id="outline"/><path class="icon-vs-fg" d="M13 14H4V2h5v4h4v8zm-3-9V2.207L12.793 5H10z" id="iconFg"/><path class="icon-vs-bg" d="M3 1v14h11V4.793L10.207 1H3zm10 13H4V2h5v4h4v8zm-3-9V2.207L12.793 5H10z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/Document_inverse_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Document_inverse_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#2d2d30}.icon-vs-out{fill:#2d2d30}.icon-vs-bg{fill:#c5c5c5}.icon-vs-fg{fill:#2b282e}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M15 16H2V0h8.621L15 4.379V16z" id="outline"/><path class="icon-vs-fg" d="M13 14H4V2h5v4h4v8zm-3-9V2.207L12.793 5H10z" id="iconFg"/><path class="icon-vs-bg" d="M3 1v14h11V4.793L10.207 1H3zm10 13H4V2h5v4h4v8zm-3-9V2.207L12.793 5H10z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/EnumItem_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/EnumItem_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#f6f6f6}.icon-vs-out{fill:#f6f6f6}.icon-vs-fg{fill:#f0eff1}.icon-vs-action-blue{fill:#00539c}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M0 15V6h6V2.586L7.585 1h6.829L16 2.586v5.829L14.414 10H10v5H0zm3-6z" id="outline"/><path class="icon-vs-fg" d="M8 3v3h5v1h-3v1h4V3H8zm5 2H9V4h4v1zM2 8v5h6V8H2zm5 3H3v-1h4v1z" id="iconFg"/><path class="icon-vs-action-blue" d="M10 6h3v1h-3V6zM9 4v1h4V4H9zm5-2H8L7 3v3h1V3h6v5h-4v1h4l1-1V3l-1-1zm-7 8H3v1h4v-1zm2-3v7H1V7h8zM8 8H2v5h6V8z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/EnumItem_inverse_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/EnumItem_inverse_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#2d2d30}.icon-vs-out{fill:#2d2d30}.icon-vs-fg{fill:#2b282e}.icon-vs-action-blue{fill:#75beff}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M0 15V6h6V2.586L7.585 1h6.829L16 2.586v5.829L14.414 10H10v5H0zm3-6z" id="outline"/><path class="icon-vs-fg" d="M8 3v3h5v1h-3v1h4V3H8zm5 2H9V4h4v1zM2 8v5h6V8H2zm5 3H3v-1h4v1z" id="iconFg"/><path class="icon-vs-action-blue" d="M10 6h3v1h-3V6zM9 4v1h4V4H9zm5-2H8L7 3v3h1V3h6v5h-4v1h4l1-1V3l-1-1zm-7 8H3v1h4v-1zm2-3v7H1V7h8zM8 8H2v5h6V8z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/Enumerator_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Enumerator_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#f6f6f6}.icon-vs-out{fill:#f6f6f6}.icon-vs-fg{fill:#f0eff1}.icon-vs-action-orange{fill:#c27d1a}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M14.414 1L16 2.586v5.828L14.414 10H10v3.416L8.414 15H1.586L0 13.416v-5.83L1.586 6H6V2.586L7.586 1h6.828z" id="outline"/><path class="icon-vs-fg" d="M2 13h6V8H2v5zm1-4h4v1H3V9zm0 2h4v1H3v-1zm11-5V3H8v3h.414L9 6.586V6h4v1H9.414l.586.586V8h4V6zm-1-1H9V4h4v1z" id="iconFg"/><path class="icon-vs-action-orange" d="M3 11h4.001v1H3v-1zm0-1h4.001V9H3v1zm6-2v5l-1 1H2l-1-1V8l1-1h6l1 1zM8 8H2v5h6V8zm1-2l1 1h3V6H9zm0-1h4V4H9v1zm5-3H8L7 3v3h1V3h6v5h-4v1h4l1-1V3l-1-1z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/Enumerator_inverse_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Enumerator_inverse_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#2d2d30}.icon-vs-out{fill:#2d2d30}.icon-vs-fg{fill:#2b282e}.icon-vs-action-orange{fill:#e8ab53}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M14.414 1L16 2.586v5.828L14.414 10H10v3.416L8.414 15H1.586L0 13.416v-5.83L1.586 6H6V2.586L7.586 1h6.828z" id="outline"/><path class="icon-vs-fg" d="M2 13h6V8H2v5zm1-4h4v1H3V9zm0 2h4v1H3v-1zm11-5V3H8v3h.414L9 6.586V6h4v1H9.414l.586.586V8h4V6zm-1-1H9V4h4v1z" id="iconFg"/><path class="icon-vs-action-orange" d="M3 11h4.001v1H3v-1zm0-1h4.001V9H3v1zm6-2v5l-1 1H2l-1-1V8l1-1h6l1 1zM8 8H2v5h6V8zm1-2l1 1h3V6H9zm0-1h4V4H9v1zm5-3H8L7 3v3h1V3h6v5h-4v1h4l1-1V3l-1-1z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/Field_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Field_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#f6f6f6}.icon-vs-out{fill:#f6f6f6}.icon-vs-fg{fill:#f0eff1}.icon-vs-action-blue{fill:#00539c}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M0 10.736V4.5L9 0l7 3.5v6.236l-9 4.5-7-3.5z" id="outline"/><path class="icon-vs-action-blue" d="M9 1L1 5v5l6 3 8-4V4L9 1zM7 6.882L3.236 5 9 2.118 12.764 4 7 6.882z" id="iconBg"/><path class="icon-vs-fg" d="M9 2.118L12.764 4 7 6.882 3.236 5 9 2.118z" id="iconFg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/Field_inverse_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Field_inverse_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#2d2d30}.icon-vs-out{fill:#2d2d30}.icon-vs-fg{fill:#2b282e}.icon-vs-action-blue{fill:#75beff}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M0 10.736V4.5L9 0l7 3.5v6.236l-9 4.5-7-3.5z" id="outline"/><path class="icon-vs-action-blue" d="M9 1L1 5v5l6 3 8-4V4L9 1zM7 6.882L3.236 5 9 2.118 12.764 4 7 6.882z" id="iconBg"/><path class="icon-vs-fg" d="M9 2.118L12.764 4 7 6.882 3.236 5 9 2.118z" id="iconFg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/Indexer_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Indexer_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#f6f6f6}.icon-vs-out{fill:#f6f6f6}.icon-vs-bg{fill:#424242}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M11 15v-3h2V4h-2V1h5v14h-5zM0 15V1h5v3H3v8h2v3H0z" id="outline"/><path class="icon-vs-bg" d="M4 14H1V2h3v1H2v10h2v1zM15 2h-3v1h2v10h-2v1h3V2z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/Indexer_inverse_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Indexer_inverse_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#2d2d30}.icon-vs-out{fill:#2d2d30}.icon-vs-bg{fill:#c5c5c5}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M11 15v-3h2V4h-2V1h5v14h-5zM0 15V1h5v3H3v8h2v3H0z" id="outline"/><path class="icon-vs-bg" d="M4 14H1V2h3v1H2v10h2v1zM15 2h-3v1h2v10h-2v1h3V2z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/IntelliSenseKeyword_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/IntelliSenseKeyword_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#f6f6f6}.icon-vs-out{fill:#f6f6f6}.icon-vs-bg{fill:#424242}.icon-vs-fg{fill:#f0eff1}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M16 5V2H9V1H0v14h13v-3h3V9h-1V6H9V5h7zm-8 7V9h1v3H8z" id="outline"/><path class="icon-vs-fg" d="M2 3h5v1H2V3z" id="iconFg"/><path class="icon-vs-bg" d="M15 4h-5V3h5v1zm-1 3h-2v1h2V7zm-4 0H1v1h9V7zm2 6H1v1h11v-1zm-5-3H1v1h6v-1zm8 0h-5v1h5v-1zM8 2v3H1V2h7zM7 3H2v1h5V3z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/IntelliSenseKeyword_inverse_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/IntelliSenseKeyword_inverse_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#2d2d30}.icon-vs-out{fill:#2d2d30}.icon-vs-bg{fill:#c5c5c5}.icon-vs-fg{fill:#2b282e}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M16 5V2H9V1H0v14h13v-3h3V9h-1V6H9V5h7zm-8 7V9h1v3H8z" id="outline"/><path class="icon-vs-fg" d="M2 3h5v1H2V3z" id="iconFg"/><path class="icon-vs-bg" d="M15 4h-5V3h5v1zm-1 3h-2v1h2V7zm-4 0H1v1h9V7zm2 6H1v1h11v-1zm-5-3H1v1h6v-1zm8 0h-5v1h5v-1zM8 2v3H1V2h7zM7 3H2v1h5V3z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/Interface_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Interface_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#f6f6f6}.icon-vs-out{fill:#f6f6f6}.icon-vs-fg{fill:#f0eff1}.icon-vs-action-blue{fill:#00539c}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M11.5 12c-1.915 0-3.602-1.241-4.228-3h-1.41a3.11 3.11 0 0 1-2.737 1.625C1.402 10.625 0 9.223 0 7.5s1.402-3.125 3.125-3.125c1.165 0 2.201.639 2.737 1.625h1.41c.626-1.759 2.313-3 4.228-3C13.981 3 16 5.019 16 7.5S13.981 12 11.5 12z" id="outline"/><path class="icon-vs-fg" d="M11.5 9A1.501 1.501 0 1 1 13 7.5c0 .826-.673 1.5-1.5 1.5z" id="iconFg"/><path class="icon-vs-action-blue" d="M11.5 4a3.49 3.49 0 0 0-3.45 3H5.185A2.122 2.122 0 0 0 1 7.5a2.123 2.123 0 1 0 4.185.5H8.05a3.49 3.49 0 0 0 3.45 3 3.5 3.5 0 1 0 0-7zm0 5c-.827 0-1.5-.673-1.5-1.5S10.673 6 11.5 6s1.5.673 1.5 1.5S12.327 9 11.5 9z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/Interface_inverse_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Interface_inverse_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#2d2d30}.icon-vs-out{fill:#2d2d30}.icon-vs-fg{fill:#2b282e}.icon-vs-action-blue{fill:#75beff}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M11.5 12c-1.915 0-3.602-1.241-4.228-3h-1.41a3.11 3.11 0 0 1-2.737 1.625C1.402 10.625 0 9.223 0 7.5s1.402-3.125 3.125-3.125c1.165 0 2.201.639 2.737 1.625h1.41c.626-1.759 2.313-3 4.228-3C13.981 3 16 5.019 16 7.5S13.981 12 11.5 12z" id="outline"/><path class="icon-vs-fg" d="M11.5 9A1.501 1.501 0 1 1 13 7.5c0 .826-.673 1.5-1.5 1.5z" id="iconFg"/><path class="icon-vs-action-blue" d="M11.5 4a3.49 3.49 0 0 0-3.45 3H5.185A2.122 2.122 0 0 0 1 7.5a2.123 2.123 0 1 0 4.185.5H8.05a3.49 3.49 0 0 0 3.45 3 3.5 3.5 0 1 0 0-7zm0 5c-.827 0-1.5-.673-1.5-1.5S10.673 6 11.5 6s1.5.673 1.5 1.5S12.327 9 11.5 9z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/LineIndent_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/LineIndent_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#f6f6f6}.icon-vs-out{fill:#f6f6f6}.icon-vs-bg{fill:#424242}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M5 12V8H3V4h10v8H5z" id="outline"/><g id="iconBg"><path class="icon-vs-bg" d="M12 7H4V5h8v2zm0 1H6v1h6V8zm0 2H6v1h6v-1z"/></g></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/LineIndent_inverse_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/LineIndent_inverse_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#2d2d30}.icon-vs-out{fill:#2d2d30}.icon-vs-bg{fill:#c5c5c5}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M5 12V8H3V4h10v8H5z" id="outline"/><g id="iconBg"><path class="icon-vs-bg" d="M12 7H4V5h8v2zm0 1H6v1h6V8zm0 2H6v1h6v-1z"/></g></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/Method_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Method_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#f6f6f6}.icon-vs-out{fill:#f6f6f6}.icon-vs-fg{fill:#f0eff1}.icon-vs-action-purple{fill:#652d90}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M15 3.349v8.403L8.975 16H8.07L1 11.582V3.327L7.595 0h1.118L15 3.349z" id="outline"/><path class="icon-vs-fg" d="M12.715 4.398L8.487 7.02 3.565 4.272l4.578-2.309 4.572 2.435zM3 5.102l5 2.792v5.705l-5-3.125V5.102zm6 8.434V7.878l4-2.48v5.317l-4 2.821z" id="iconFg"/><path class="icon-vs-action-purple" d="M8.156.837L2 3.942v7.085L8.517 15.1 14 11.233V3.95L8.156.837zm4.559 3.561L8.487 7.02 3.565 4.272l4.578-2.309 4.572 2.435zM3 5.102l5 2.792v5.705l-5-3.125V5.102zm6 8.434V7.878l4-2.48v5.317l-4 2.821z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/Method_inverse_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Method_inverse_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#2d2d30}.icon-vs-out{fill:#2d2d30}.icon-vs-fg{fill:#2b282e}.icon-vs-action-purple{fill:#b180d7}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M15 3.349v8.403L8.975 16H8.07L1 11.582V3.327L7.595 0h1.118L15 3.349z" id="outline"/><path class="icon-vs-fg" d="M12.715 4.398L8.487 7.02 3.565 4.272l4.578-2.309 4.572 2.435zM3 5.102l5 2.792v5.705l-5-3.125V5.102zm6 8.434V7.878l4-2.48v5.317l-4 2.821z" id="iconFg"/><path class="icon-vs-action-purple" d="M8.156.837L2 3.942v7.085L8.517 15.1 14 11.233V3.95L8.156.837zm4.559 3.561L8.487 7.02 3.565 4.272l4.578-2.309 4.572 2.435zM3 5.102l5 2.792v5.705l-5-3.125V5.102zm6 8.434V7.878l4-2.48v5.317l-4 2.821z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/Misc_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Misc_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#f6f6f6}.icon-vs-out{fill:#f6f6f6}.icon-vs-bg{fill:#424242}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M16 10c0 2.205-1.794 4-4 4-1.858 0-3.411-1.279-3.858-3h-.978l2.318 4H0v-1.703l2-3.408V0h11v6.142c1.721.447 3 2 3 3.858z" id="outline"/><path class="icon-vs-bg" d="M12 1v4.75A4.255 4.255 0 0 0 7.75 10h-.732L4.275 5.269 3 7.442V1h9zM7.747 14L4.269 8 .748 14h6.999zM15 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/Misc_inverse_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Misc_inverse_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#2d2d30}.icon-vs-out{fill:#2d2d30}.icon-vs-bg{fill:#c5c5c5}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M16 10c0 2.205-1.794 4-4 4-1.858 0-3.411-1.279-3.858-3h-.978l2.318 4H0v-1.703l2-3.408V0h11v6.142c1.721.447 3 2 3 3.858z" id="outline"/><path class="icon-vs-bg" d="M12 1v4.75A4.255 4.255 0 0 0 7.75 10h-.732L4.275 5.269 3 7.442V1h9zM7.747 14L4.269 8 .748 14h6.999zM15 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/Namespace_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Namespace_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#f6f6f6}.icon-vs-out{fill:#f6f6f6}.icon-vs-bg{fill:#424242}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M9.26 11.984l.978-.021a.962.962 0 0 0 .09-.006c.011-.063.026-.179.026-.361V9.688c0-.679.185-1.257.53-1.707-.346-.452-.53-1.03-.53-1.705V4.35c0-.167-.021-.259-.034-.302L9.26 4.02V.973l1.011.011c2.167.024 3.409 1.156 3.409 3.105v1.962c0 .351.071.461.072.462l.936.06.053.927v1.936l-.936.061c-.076.016-.125.146-.125.424v2.017c0 .914-.332 3.043-3.408 3.078l-1.012.011v-3.043zm-3.521 3.032c-3.089-.035-3.422-2.164-3.422-3.078V9.921c0-.327-.066-.432-.067-.433l-.937-.06-.063-.929V6.563l.942-.06c.058 0 .125-.114.125-.452V4.09c0-1.949 1.248-3.081 3.422-3.105L6.75.973V4.02l-.975.023a.572.572 0 0 0-.093.01c.006.021-.019.115-.019.297v1.928c0 .675-.186 1.253-.534 1.705.348.45.534 1.028.534 1.707v1.907c0 .175.014.291.027.363.023.002 1.06.025 1.06.025v3.043l-1.011-.012z" id="outline"/><path class="icon-vs-bg" d="M5.75 14.016c-1.623-.019-2.434-.711-2.434-2.078V9.921c0-.902-.355-1.376-1.066-1.422v-.998c.711-.045 1.066-.529 1.066-1.449V4.09c0-1.385.811-2.087 2.434-2.105v1.06c-.725.017-1.087.453-1.087 1.305v1.928c0 .92-.454 1.488-1.36 1.702V8c.907.201 1.36.763 1.36 1.688v1.907c0 .488.081.835.243 1.042.162.208.443.316.844.325v1.054zm7.99-5.517c-.706.045-1.06.52-1.06 1.422v2.017c0 1.367-.807 2.06-2.42 2.078v-1.053c.396-.009.678-.118.844-.328.167-.21.25-.556.25-1.039V9.688c0-.925.449-1.488 1.347-1.688v-.021c-.898-.214-1.347-.782-1.347-1.702V4.35c0-.852-.364-1.288-1.094-1.306v-1.06c1.613.018 2.42.72 2.42 2.105v1.962c0 .92.354 1.404 1.06 1.449v.999z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/Namespace_inverse_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Namespace_inverse_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#2d2d30}.icon-vs-out{fill:#2d2d30}.icon-vs-bg{fill:#c5c5c5}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M9.26 11.984l.978-.021a.962.962 0 0 0 .09-.006c.011-.063.026-.179.026-.361V9.688c0-.679.185-1.257.53-1.707-.346-.452-.53-1.03-.53-1.705V4.35c0-.167-.021-.259-.034-.302L9.26 4.02V.973l1.011.011c2.167.024 3.409 1.156 3.409 3.105v1.962c0 .351.071.461.072.462l.936.06.053.927v1.936l-.936.061c-.076.016-.125.146-.125.424v2.017c0 .914-.332 3.043-3.408 3.078l-1.012.011v-3.043zm-3.521 3.032c-3.089-.035-3.422-2.164-3.422-3.078V9.921c0-.327-.066-.432-.067-.433l-.937-.06-.063-.929V6.563l.942-.06c.058 0 .125-.114.125-.452V4.09c0-1.949 1.248-3.081 3.422-3.105L6.75.973V4.02l-.975.023a.572.572 0 0 0-.093.01c.006.021-.019.115-.019.297v1.928c0 .675-.186 1.253-.534 1.705.348.45.534 1.028.534 1.707v1.907c0 .175.014.291.027.363.023.002 1.06.025 1.06.025v3.043l-1.011-.012z" id="outline"/><path class="icon-vs-bg" d="M5.75 14.016c-1.623-.019-2.434-.711-2.434-2.078V9.921c0-.902-.355-1.376-1.066-1.422v-.998c.711-.045 1.066-.529 1.066-1.449V4.09c0-1.385.811-2.087 2.434-2.105v1.06c-.725.017-1.087.453-1.087 1.305v1.928c0 .92-.454 1.488-1.36 1.702V8c.907.201 1.36.763 1.36 1.688v1.907c0 .488.081.835.243 1.042.162.208.443.316.844.325v1.054zm7.99-5.517c-.706.045-1.06.52-1.06 1.422v2.017c0 1.367-.807 2.06-2.42 2.078v-1.053c.396-.009.678-.118.844-.328.167-.21.25-.556.25-1.039V9.688c0-.925.449-1.488 1.347-1.688v-.021c-.898-.214-1.347-.782-1.347-1.702V4.35c0-.852-.364-1.288-1.094-1.306v-1.06c1.613.018 2.42.72 2.42 2.105v1.962c0 .92.354 1.404 1.06 1.449v.999z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/Property_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Property_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#f6f6f6}.icon-vs-out{fill:#f6f6f6}.icon-vs-bg{fill:#424242}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M16 5.5a5.5 5.5 0 0 1-5.5 5.5c-.275 0-.543-.027-.807-.066l-.079-.012a5.429 5.429 0 0 1-.81-.192l-4.537 4.537c-.472.473-1.1.733-1.767.733s-1.295-.26-1.768-.732a2.502 2.502 0 0 1 0-3.535l4.537-4.537a5.452 5.452 0 0 1-.191-.812c-.005-.025-.008-.051-.012-.077A5.503 5.503 0 0 1 5 5.5a5.5 5.5 0 1 1 11 0z" id="outline"/><path class="icon-vs-bg" d="M15 5.5a4.5 4.5 0 0 1-4.5 4.5c-.693 0-1.342-.17-1.929-.45l-5.01 5.01c-.293.294-.677.44-1.061.44s-.768-.146-1.061-.439a1.5 1.5 0 0 1 0-2.121l5.01-5.01A4.483 4.483 0 0 1 6 5.5 4.5 4.5 0 0 1 10.5 1c.693 0 1.342.17 1.929.45L9.636 4.243l2.121 2.121 2.793-2.793c.28.587.45 1.236.45 1.929z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/Property_inverse_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Property_inverse_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#2d2d30}.icon-vs-out{fill:#2d2d30}.icon-vs-bg{fill:#c5c5c5}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M16 5.5a5.5 5.5 0 0 1-5.5 5.5c-.275 0-.543-.027-.807-.066l-.079-.012a5.429 5.429 0 0 1-.81-.192l-4.537 4.537c-.472.473-1.1.733-1.767.733s-1.295-.26-1.768-.732a2.502 2.502 0 0 1 0-3.535l4.537-4.537a5.452 5.452 0 0 1-.191-.812c-.005-.025-.008-.051-.012-.077A5.503 5.503 0 0 1 5 5.5a5.5 5.5 0 1 1 11 0z" id="outline"/><path class="icon-vs-bg" d="M15 5.5a4.5 4.5 0 0 1-4.5 4.5c-.693 0-1.342-.17-1.929-.45l-5.01 5.01c-.293.294-.677.44-1.061.44s-.768-.146-1.061-.439a1.5 1.5 0 0 1 0-2.121l5.01-5.01A4.483 4.483 0 0 1 6 5.5 4.5 4.5 0 0 1 10.5 1c.693 0 1.342.17 1.929.45L9.636 4.243l2.121 2.121 2.793-2.793c.28.587.45 1.236.45 1.929z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/Ruler_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Ruler_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#f6f6f6}.icon-vs-out{fill:#f6f6f6}.icon-vs-bg{fill:#424242}.icon-vs-fg{fill:#f0eff1}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M16 11.013H1V4h15v7.013z" id="outline"/><path class="icon-vs-fg" d="M8 9H7V6h3v3H9V7H8v2zM4 7h1v2h1V6H3v3h1V7zm8 0h1v2h1V6h-3v3h1V7z" id="iconFg"/><path class="icon-vs-bg" d="M2 5v5h13V5H2zm4 4H5V7H4v2H3V6h3v3zm4 0H9V7H8v2H7V6h3v3zm4 0h-1V7h-1v2h-1V6h3v3z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/Ruler_inverse_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Ruler_inverse_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#2d2d30}.icon-vs-out{fill:#2d2d30}.icon-vs-bg{fill:#c5c5c5}.icon-vs-fg{fill:#2b282e}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M16 11.013H1V4h15v7.013z" id="outline"/><path class="icon-vs-fg" d="M8 9H7V6h3v3H9V7H8v2zM4 7h1v2h1V6H3v3h1V7zm8 0h1v2h1V6h-3v3h1V7z" id="iconFg"/><path class="icon-vs-bg" d="M2 5v5h13V5H2zm4 4H5V7H4v2H3V6h3v3zm4 0H9V7H8v2H7V6h3v3zm4 0h-1V7h-1v2h-1V6h3v3z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/Snippet_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Snippet_16x.svg
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   id="svg4694"
+   viewBox="0 0 16 16">
+  <metadata
+     id="metadata4705">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs4703" />
+  <style
+     id="style4696">.icon-canvas-transparent{opacity:0;fill:#f6f6f6}.icon-vs-out{fill:#f6f6f6}.icon-vs-action-orange{fill:#c27d1a}</style>
+  <g
+     id="g4707"
+     transform="matrix(1.3333333,0,0,1.3333333,-245.99999,-5.333333)">
+    <path
+       d="m 185,4 11,0 0,12 -11,0 z"
+       id="path4534"
+       style="fill:#f6f6f6" />
+    <path
+       d="m 194,13 0,-7 -7,0 0,7 -1,0 0,-8 9,0 0,8 -1,0 z m -7,2 -1,0 0,-1 1,0 0,1 z m 2,-1 -1,0 0,1 1,0 0,-1 z m 2,0 -1,0 0,1 1,0 0,-1 z m 2,1 -1,0 0,-1 1,0 0,1 z m 2,-1 -1,0 0,1 1,0 0,-1 z"
+       id="path4536"
+       style="fill:#424242" />
+    <path
+       d="m 187,13 0,-7 7,0 0,7 -7,0 z"
+       id="path4538"
+       style="fill:#f0eff1" />
+  </g>
+  <path
+     id="canvas"
+     d="M16 16H0V0h16v16z"
+     class="icon-canvas-transparent" />
+</svg>
--- a/src/vs/editor/contrib/suggest/browser/Snippet_inverse_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Snippet_inverse_16x.svg
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   id="svg4694"
+   viewBox="0 0 16 16">
+  <metadata
+     id="metadata4705">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs4703" />
+  <style
+     id="style4696">.icon-canvas-transparent{opacity:0;fill:#f6f6f6}.icon-vs-out{fill:#f6f6f6}.icon-vs-action-orange{fill:#c27d1a}</style>
+  <g
+     id="g4724"
+     transform="matrix(1.3333333,0,0,1.3333333,-245.99999,-31.999999)">
+    <path
+       d="m 185,24 11,0 0,12 -11,0 z"
+       id="path4528"
+       style="fill:#2d2d30" />
+    <path
+       d="m 194,33 0,-7 -7,0 0,7 -1,0 0,-8 9,0 0,8 z m -8,1 1,0 0,1 -1,0 z m 2,0 1,0 0,1 -1,0 z m 2,0 1,0 0,1 -1,0 z m 2,0 1,0 0,1 -1,0 z m 2,0 1,0 0,1 -1,0 z"
+       id="path4530"
+       style="fill:#c5c5c5" />
+    <path
+       d="m 187,26 7,0 0,7 -7,0 z"
+       id="path4532"
+       style="fill:#2b282e" />
+  </g>
+</svg>
--- a/src/vs/editor/contrib/suggest/browser/String_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/String_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#f6f6f6}.icon-vs-out{fill:#f6f6f6}.icon-vs-bg{fill:#424242}.icon-vs-fg{fill:#f0eff1}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M16 15H0V1h16v14z" id="outline"/><path class="icon-vs-fg" d="M9.229 7.354c.035.146.052.31.052.494 0 .234-.02.441-.06.621-.039.18-.095.328-.168.445a.687.687 0 0 1-.914.281.76.76 0 0 1-.237-.207.988.988 0 0 1-.154-.306 1.262 1.262 0 0 1-.057-.381v-.506c0-.17.02-.326.061-.465s.096-.258.168-.359a.756.756 0 0 1 .257-.232c.1-.055.21-.082.331-.082a.646.646 0 0 1 .571.32c.067.105.116.23.15.377zm-5.126.869a.557.557 0 0 0-.196.132c-.047.053-.08.112-.097.18s-.028.147-.028.233a.513.513 0 0 0 .157.39.528.528 0 0 0 .186.113.682.682 0 0 0 .242.041.76.76 0 0 0 .593-.271.897.897 0 0 0 .165-.295c.038-.113.059-.234.059-.365v-.346l-.761.11a1.29 1.29 0 0 0-.32.078zM14 3v10H2V3h12zM5.962 7.469c0-.238-.027-.451-.083-.637a1.286 1.286 0 0 0-.249-.471 1.08 1.08 0 0 0-.424-.295 1.644 1.644 0 0 0-.608-.101c-.119 0-.241.012-.368.033a3.213 3.213 0 0 0-.673.195 1.313 1.313 0 0 0-.212.114v.768c.158-.132.341-.235.544-.313.204-.078.413-.117.627-.117.213 0 .377.063.494.186.116.125.174.324.174.6l-1.03.154c-.205.026-.38.077-.526.151a1.083 1.083 0 0 0-.563.66A1.562 1.562 0 0 0 3 8.857c0 .17.025.323.074.463a.945.945 0 0 0 .568.596c.139.057.297.084.478.084.229 0 .431-.053.604-.16a1.3 1.3 0 0 0 .439-.463h.014v.529h.785V7.469zM10 7.861a3.54 3.54 0 0 0-.074-.734 2.047 2.047 0 0 0-.228-.611 1.203 1.203 0 0 0-.394-.416 1.03 1.03 0 0 0-.574-.153c-.123 0-.234.018-.336.051a1 1 0 0 0-.278.147 1.153 1.153 0 0 0-.225.222 2.022 2.022 0 0 0-.181.289h-.013V5H7v4.887h.697v-.485h.013c.044.082.095.158.151.229.057.07.119.133.191.186a.835.835 0 0 0 .238.121.943.943 0 0 0 .293.042c.23 0 .434-.053.609-.16a1.34 1.34 0 0 0 .443-.443c.12-.188.211-.412.272-.672A3.62 3.62 0 0 0 10 7.861zm3-1.658a.7.7 0 0 0-.106-.066 1.183 1.183 0 0 0-.142-.063 1.233 1.233 0 0 0-.363-.065c-.209 0-.399.051-.569.15a1.355 1.355 0 0 0-.433.424c-.118.182-.21.402-.273.66a3.63 3.63 0 0 0-.008 1.615c.06.23.143.43.252.602.109.168.241.303.396.396a.972.972 0 0 0 .524.144c.158 0 .296-.021.413-.068.117-.045.219-.108.309-.184v-.77a1.094 1.094 0 0 1-.288.225.819.819 0 0 1-.158.068.48.48 0 0 1-.153.027.62.62 0 0 1-.274-.074c-.241-.136-.423-.479-.423-1.146 0-.715.206-1.12.469-1.301.077-.032.153-.064.238-.064.113 0 .22.027.317.082.096.057.188.131.272.223v-.815z" id="iconFg"/><path class="icon-vs-bg" d="M1 2v12h14V2H1zm13 11H2V3h12v10zM5.63 6.361a1.08 1.08 0 0 0-.424-.295 1.644 1.644 0 0 0-.608-.101c-.119 0-.241.012-.368.033a3.213 3.213 0 0 0-.673.195 1.313 1.313 0 0 0-.212.114v.768c.158-.132.341-.235.544-.313.204-.078.413-.117.627-.117.213 0 .377.063.494.186.116.125.174.324.174.6l-1.03.154c-.205.026-.38.077-.526.151a1.083 1.083 0 0 0-.563.66A1.562 1.562 0 0 0 3 8.857c0 .17.025.323.074.463a.945.945 0 0 0 .568.596c.139.057.297.084.478.084.229 0 .431-.053.604-.16a1.3 1.3 0 0 0 .439-.463h.014v.529h.785V7.469c0-.238-.027-.451-.083-.637a1.286 1.286 0 0 0-.249-.471zm-.446 2.02c0 .131-.02.252-.059.365a.897.897 0 0 1-.165.295.758.758 0 0 1-.593.272.682.682 0 0 1-.242-.041.507.507 0 0 1-.302-.286.583.583 0 0 1-.041-.218c0-.086.01-.164.027-.232s.051-.127.098-.18a.546.546 0 0 1 .196-.133c.083-.033.189-.061.32-.078l.761-.109v.345zm4.514-1.865a1.203 1.203 0 0 0-.394-.416 1.03 1.03 0 0 0-.574-.153c-.123 0-.234.018-.336.051a1 1 0 0 0-.278.147 1.153 1.153 0 0 0-.225.222 2.022 2.022 0 0 0-.181.289h-.013V5H7v4.887h.697v-.485h.013c.044.082.095.158.151.229.057.07.119.133.191.186a.835.835 0 0 0 .238.121.943.943 0 0 0 .293.042c.23 0 .434-.053.609-.16a1.34 1.34 0 0 0 .443-.443c.12-.188.211-.412.272-.672A3.62 3.62 0 0 0 10 7.861a3.54 3.54 0 0 0-.074-.734 2.047 2.047 0 0 0-.228-.611zm-.476 1.953c-.039.18-.095.328-.168.445a.755.755 0 0 1-.264.266.687.687 0 0 1-.651.015.76.76 0 0 1-.237-.207.988.988 0 0 1-.154-.306 1.262 1.262 0 0 1-.057-.381v-.506c0-.17.02-.326.061-.465s.096-.258.168-.359a.756.756 0 0 1 .257-.232c.1-.055.21-.082.331-.082a.646.646 0 0 1 .571.32c.066.105.116.23.15.377.035.146.052.31.052.494 0 .234-.019.441-.059.621zm3.672-2.332a.7.7 0 0 1 .106.066v.814a1.178 1.178 0 0 0-.273-.223.645.645 0 0 0-.317-.081c-.085 0-.161.032-.238.064-.263.181-.469.586-.469 1.301 0 .668.182 1.011.423 1.146.084.04.171.074.274.074.049 0 .101-.01.153-.027a.856.856 0 0 0 .158-.068 1.16 1.16 0 0 0 .288-.225v.77c-.09.076-.192.139-.309.184a1.098 1.098 0 0 1-.412.068.974.974 0 0 1-.523-.143 1.257 1.257 0 0 1-.396-.396 2.098 2.098 0 0 1-.252-.602 3.118 3.118 0 0 1-.088-.754c0-.316.032-.604.096-.861.063-.258.155-.479.273-.66.119-.182.265-.322.433-.424a1.102 1.102 0 0 1 1.073-.023z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/String_inverse_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/String_inverse_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#2d2d30}.icon-vs-out{fill:#2d2d30}.icon-vs-bg{fill:#c5c5c5}.icon-vs-fg{fill:#2b282e}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M16 15H0V1h16v14z" id="outline"/><path class="icon-vs-fg" d="M9.229 7.354c.035.146.052.31.052.494 0 .234-.02.441-.06.621-.039.18-.095.328-.168.445a.687.687 0 0 1-.914.281.76.76 0 0 1-.237-.207.988.988 0 0 1-.154-.306 1.262 1.262 0 0 1-.057-.381v-.506c0-.17.02-.326.061-.465s.096-.258.168-.359a.756.756 0 0 1 .257-.232c.1-.055.21-.082.331-.082a.646.646 0 0 1 .571.32c.067.105.116.23.15.377zm-5.126.869a.557.557 0 0 0-.196.132c-.047.053-.08.112-.097.18s-.028.147-.028.233a.513.513 0 0 0 .157.39.528.528 0 0 0 .186.113.682.682 0 0 0 .242.041.76.76 0 0 0 .593-.271.897.897 0 0 0 .165-.295c.038-.113.059-.234.059-.365v-.346l-.761.11a1.29 1.29 0 0 0-.32.078zM14 3v10H2V3h12zM5.962 7.469c0-.238-.027-.451-.083-.637a1.286 1.286 0 0 0-.249-.471 1.08 1.08 0 0 0-.424-.295 1.644 1.644 0 0 0-.608-.101c-.119 0-.241.012-.368.033a3.213 3.213 0 0 0-.673.195 1.313 1.313 0 0 0-.212.114v.768c.158-.132.341-.235.544-.313.204-.078.413-.117.627-.117.213 0 .377.063.494.186.116.125.174.324.174.6l-1.03.154c-.205.026-.38.077-.526.151a1.083 1.083 0 0 0-.563.66A1.562 1.562 0 0 0 3 8.857c0 .17.025.323.074.463a.945.945 0 0 0 .568.596c.139.057.297.084.478.084.229 0 .431-.053.604-.16a1.3 1.3 0 0 0 .439-.463h.014v.529h.785V7.469zM10 7.861a3.54 3.54 0 0 0-.074-.734 2.047 2.047 0 0 0-.228-.611 1.203 1.203 0 0 0-.394-.416 1.03 1.03 0 0 0-.574-.153c-.123 0-.234.018-.336.051a1 1 0 0 0-.278.147 1.153 1.153 0 0 0-.225.222 2.022 2.022 0 0 0-.181.289h-.013V5H7v4.887h.697v-.485h.013c.044.082.095.158.151.229.057.07.119.133.191.186a.835.835 0 0 0 .238.121.943.943 0 0 0 .293.042c.23 0 .434-.053.609-.16a1.34 1.34 0 0 0 .443-.443c.12-.188.211-.412.272-.672A3.62 3.62 0 0 0 10 7.861zm3-1.658a.7.7 0 0 0-.106-.066 1.183 1.183 0 0 0-.142-.063 1.233 1.233 0 0 0-.363-.065c-.209 0-.399.051-.569.15a1.355 1.355 0 0 0-.433.424c-.118.182-.21.402-.273.66a3.63 3.63 0 0 0-.008 1.615c.06.23.143.43.252.602.109.168.241.303.396.396a.972.972 0 0 0 .524.144c.158 0 .296-.021.413-.068.117-.045.219-.108.309-.184v-.77a1.094 1.094 0 0 1-.288.225.819.819 0 0 1-.158.068.48.48 0 0 1-.153.027.62.62 0 0 1-.274-.074c-.241-.136-.423-.479-.423-1.146 0-.715.206-1.12.469-1.301.077-.032.153-.064.238-.064.113 0 .22.027.317.082.096.057.188.131.272.223v-.815z" id="iconFg"/><path class="icon-vs-bg" d="M1 2v12h14V2H1zm13 11H2V3h12v10zM5.63 6.361a1.08 1.08 0 0 0-.424-.295 1.644 1.644 0 0 0-.608-.101c-.119 0-.241.012-.368.033a3.213 3.213 0 0 0-.673.195 1.313 1.313 0 0 0-.212.114v.768c.158-.132.341-.235.544-.313.204-.078.413-.117.627-.117.213 0 .377.063.494.186.116.125.174.324.174.6l-1.03.154c-.205.026-.38.077-.526.151a1.083 1.083 0 0 0-.563.66A1.562 1.562 0 0 0 3 8.857c0 .17.025.323.074.463a.945.945 0 0 0 .568.596c.139.057.297.084.478.084.229 0 .431-.053.604-.16a1.3 1.3 0 0 0 .439-.463h.014v.529h.785V7.469c0-.238-.027-.451-.083-.637a1.286 1.286 0 0 0-.249-.471zm-.446 2.02c0 .131-.02.252-.059.365a.897.897 0 0 1-.165.295.758.758 0 0 1-.593.272.682.682 0 0 1-.242-.041.507.507 0 0 1-.302-.286.583.583 0 0 1-.041-.218c0-.086.01-.164.027-.232s.051-.127.098-.18a.546.546 0 0 1 .196-.133c.083-.033.189-.061.32-.078l.761-.109v.345zm4.514-1.865a1.203 1.203 0 0 0-.394-.416 1.03 1.03 0 0 0-.574-.153c-.123 0-.234.018-.336.051a1 1 0 0 0-.278.147 1.153 1.153 0 0 0-.225.222 2.022 2.022 0 0 0-.181.289h-.013V5H7v4.887h.697v-.485h.013c.044.082.095.158.151.229.057.07.119.133.191.186a.835.835 0 0 0 .238.121.943.943 0 0 0 .293.042c.23 0 .434-.053.609-.16a1.34 1.34 0 0 0 .443-.443c.12-.188.211-.412.272-.672A3.62 3.62 0 0 0 10 7.861a3.54 3.54 0 0 0-.074-.734 2.047 2.047 0 0 0-.228-.611zm-.476 1.953c-.039.18-.095.328-.168.445a.755.755 0 0 1-.264.266.687.687 0 0 1-.651.015.76.76 0 0 1-.237-.207.988.988 0 0 1-.154-.306 1.262 1.262 0 0 1-.057-.381v-.506c0-.17.02-.326.061-.465s.096-.258.168-.359a.756.756 0 0 1 .257-.232c.1-.055.21-.082.331-.082a.646.646 0 0 1 .571.32c.066.105.116.23.15.377.035.146.052.31.052.494 0 .234-.019.441-.059.621zm3.672-2.332a.7.7 0 0 1 .106.066v.814a1.178 1.178 0 0 0-.273-.223.645.645 0 0 0-.317-.081c-.085 0-.161.032-.238.064-.263.181-.469.586-.469 1.301 0 .668.182 1.011.423 1.146.084.04.171.074.274.074.049 0 .101-.01.153-.027a.856.856 0 0 0 .158-.068 1.16 1.16 0 0 0 .288-.225v.77c-.09.076-.192.139-.309.184a1.098 1.098 0 0 1-.412.068.974.974 0 0 1-.523-.143 1.257 1.257 0 0 1-.396-.396 2.098 2.098 0 0 1-.252-.602 3.118 3.118 0 0 1-.088-.754c0-.316.032-.604.096-.861.063-.258.155-.479.273-.66.119-.182.265-.322.433-.424a1.102 1.102 0 0 1 1.073-.023z" id="iconBg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/Toggle_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Toggle_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#f6f6f6}.icon-vs-out{fill:#f6f6f6}.icon-vs-bg{fill:#424242}.icon-vs-fg{fill:#f0eff1}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M16 14H0V2h16v12z" id="outline"/><path class="icon-vs-bg" d="M11 5l3 3-3 3H9l2-2H8V7h3L9 5h2zm4-2v10H1V3h14zm-1 1H8v3H5l2-2H5L2 8l3 3h2L5 9h3v3h6V4z" id="iconBg"/><path class="icon-vs-fg" d="M8 9H5l2 2H5L2 8l3-3h2L5 7h3v2zm1 2l2-2H8v3h6V8l-3 3H9zm5-7v4l-3-3H9l2 2H8V4h6zM8 7v2h-.001L8 7z" id="iconFg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/Toggle_inverse_16x.svg
+++ b/src/vs/editor/contrib/suggest/browser/Toggle_inverse_16x.svg
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><style>.icon-canvas-transparent{opacity:0;fill:#2d2d30}.icon-vs-out{fill:#2d2d30}.icon-vs-bg{fill:#c5c5c5}.icon-vs-fg{fill:#2b282e}</style><path class="icon-canvas-transparent" d="M16 16H0V0h16v16z" id="canvas"/><path class="icon-vs-out" d="M16 14H0V2h16v12z" id="outline"/><path class="icon-vs-bg" d="M11 5l3 3-3 3H9l2-2H8V7h3L9 5h2zm4-2v10H1V3h14zm-1 1H8v3H5l2-2H5L2 8l3 3h2L5 9h3v3h6V4z" id="iconBg"/><path class="icon-vs-fg" d="M8 9H5l2 2H5L2 8l3-3h2L5 7h3v2zm1 2l2-2H8v3h6V8l-3 3H9zm5-7v4l-3-3H9l2 2H8V4h6zM8 7v2h-.001L8 7z" id="iconFg"/></svg>
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/suggest.css
+++ b/src/vs/editor/contrib/suggest/browser/suggest.css
@@ -33,16 +33,20 @@
 }

 .monaco-editor .suggest-widget .monaco-list .monaco-list-row {
+	display: flex;
 	-mox-box-sizing: border-box;
 	box-sizing: border-box;
-	padding: 0 10px 0 22px;
+	padding-right: 10px;
 	background-repeat: no-repeat;
 	background-position: 2px 2px;
 	white-space: nowrap;
 }

 .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .text {
+	flex: 1;
 	height: 100%;
+	overflow: hidden;
+	padding-left: 2px;
 }

 .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .text > .main {
@@ -115,35 +119,33 @@
 }

 .monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon {
-	position: absolute;
 	display: block;
-	left: 1px;
-	top: 2px;
-	background-image: url('symbol-sprite.svg');
-	background-repeat: no-repeat;
 	height: 16px;
 	width: 16px;
+	background-repeat: no-repeat;
+	background-size: 80%;
+	background-position: center;
 }

-.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon					{ background-position: -361px -3px; }
+.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon { background-image: url('Misc_16x.svg'); }
 .monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.method,
 .monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.function,
-.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.constructor			{ background-position: 1px -3px; }
+.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.constructor { background-image: url('Method_16x.svg'); }
 .monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.field,
-.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.variable 			{ background-position: -19px -2px; }
-.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.class 				{ background-position: -41px -3px; }
-.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.interface 			{ background-position: -62px -2px; }
-.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.module 				{ background-position: -79px -4px; }
-.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.property 			{ background-position: -100px -3px; }
-.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.unit		 			{ background-position: -120px -4px; }
+.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.variable { background-image: url('Field_16x.svg'); }
+.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.class { background-image: url('Class_16x.svg'); }
+.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.interface { background-image: url('Interface_16x.svg'); }
+.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.module { background-image: url('Namespace_16x.svg'); }
+.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.property { background-image: url('Property_16x.svg'); }
+.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.unit { background-image: url('Ruler_16x.svg'); }
 .monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.value,
-.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.enum		 			{ background-position: -140px -3px; }
-.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.keyword	 			{ background-position: -162px -2px; }
-.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.snippet		 		{ background-position: -181px -4px; }
-.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.text		 			{ background-position: -201px -2px; }
-.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.color		 		{ background-position: -221px -4px; }
-.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.file		 			{ background-position: -260px -2px; }
-.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.reference	 		{ background-position: -281px -4px; }
+.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.enum { background-image: url('EnumItem_16x.svg'); }
+.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.keyword { background-image: url('IntelliSenseKeyword_16x.svg'); }
+.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.text { background-image: url('String_16x.svg'); }
+.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.color { background-image: url('ColorPalette_16x.svg'); }
+.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.file { background-image: url('Document_16x.svg'); }
+.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.reference { background-image: url('Enumerator_16x.svg'); }
+.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.snippet { background-image: url('Snippet_16x.svg'); }

 .monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor {
 	background-image: none;
@@ -236,28 +238,25 @@
 	color: #4E94CE;
 }

-.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon					{ background-position: -361px -23px; }
+.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon { background-image: url('Misc_inverse_16x.svg'); }
 .monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.method,
 .monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.function,
-.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.constructor			{ background-position: 2px -23px; }
+.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.constructor { background-image: url('Method_inverse_16x.svg'); }
 .monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.field,
-.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.variable 			{ background-position: -18px -23px; }
-.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.class 				{ background-position: -41px -23px; }
-.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.interface 			{ background-position: -61px -24px; }
-.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.module 				{ background-position: -79px -24px; }
-.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.property 			{ background-position: -100px -23px; }
-.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.unit		 			{ background-position: -120px -24px; }
+.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.variable { background-image: url('Field_inverse_16x.svg'); }
+.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.class { background-image: url('Class_inverse_16x.svg'); }
+.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.interface { background-image: url('Interface_inverse_16x.svg'); }
+.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.module { background-image: url('Namespace_inverse_16x.svg'); }
+.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.property { background-image: url('Property_inverse_16x.svg'); }
+.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.unit { background-image: url('Ruler_inverse_16x.svg'); }
 .monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.value,
-.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.enum		 			{ background-position: -140px -23px; }
-.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.keyword	 			{ background-position: -161px -22px; }
-.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.snippet		 		{ background-position: -181px -23px; }
-.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.text		 			{ background-position: -201px -22px; }
-.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.color		 		{ background-position: -221px -24px; }
-.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.file		 			{ background-position: -260px -22px; }
-.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.reference	 		{ background-position: -281px -24px; }
-
-
-
+.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.enum { background-image: url('EnumItem_inverse_16x.svg'); }
+.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.keyword { background-image: url('IntelliSenseKeyword_inverse_16x.svg'); }
+.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.text { background-image: url('String_inverse_16x.svg'); }
+.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.color { background-image: url('ColorPalette_inverse_16x.svg'); }
+.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.file { background-image: url('Document_inverse_16x.svg'); }
+.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.reference { background-image: url('Enumerator_inverse_16x.svg'); }
+.monaco-editor.vs-dark .suggest-widget .monaco-list .monaco-list-row .icon.snippet { background-image: url('Snippet_inverse_16x.svg'); }

 /* High Contrast Theming */
 .monaco-editor.hc-black .suggest-widget {
@@ -279,77 +278,22 @@
 	color: #4E94CE;
 }

-.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon {
-	background: none;
-	overflow: hidden;
-}
-
-.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon:before {
-	height: 16px;
-	width: 16px;
-	display: inline-block;
-	content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDIpIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xIDB2OC44bC0xIDEuNlYxMmg4di0xaDRWMEgxeiIgaWQ9IlNoYXBlIiBmaWxsPSIjMkQyRDMwIi8+PHBhdGggZD0iTTEgMTFsMy01IDMgNUgxem01LjA4Mi0zLjY3QzYuMzg4IDYgNy41NzcgNSA5IDVjLjc3IDAgMS40NjguMyAyIC43OFYxSDJ2Ni4yTDQgNGwyLjA4MiAzLjMzeiIgZmlsbD0iI0M1QzVDNSIvPjxjaXJjbGUgZmlsbD0iI0M1QzVDNSIgY3g9IjguOTM4IiBjeT0iOCIgcj0iMi4wNjMiLz48L2c+PC9zdmc+");
-}
-
-.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.method:before,
-.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.function:before,
-.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.constructor:before {
-	content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI0IxODBENyIgZD0iTTUuNSAzbC00LjUgMi44NTd2NC4yODVsNC41IDIuODU4IDQuNS0yLjg1N3YtNC4yODZsLTQuNS0yLjg1N3ptLS41IDguNDk4bC0zLTEuOTA1di0yLjgxNmwzIDEuOTA1djIuODE2em0tMi4zNTgtNS40OThsMi44NTgtMS44MTUgMi44NTggMS44MTUtMi44NTggMS44MTUtMi44NTgtMS44MTV6bTYuMzU4IDMuNTkzbC0zIDEuOTA1di0yLjgxNWwzLTEuOTA1djIuODE1eiIvPjwvc3ZnPg==");
-	margin-left: 2px;
-}
-
-.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.field:before,
-.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.variable:before {
-	content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzc1QkVGRiIgZD0iTTEgNnY0bDQgMiA2LTN2LTRsLTQtMi02IDN6bTQgMWwtMi0xIDQtMiAyIDEtNCAyeiIvPjwvc3ZnPg==");
-	margin-left: 2px;
-}
-
-.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.class:before {
-	content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBvbHlnb24gZmlsbD0iI0U4QUI1MyIgcG9pbnRzPSIxMS45OTgsMTEuMDAyIDksMTEgOSw3IDExLDcgMTAsOCAxMiwxMCAxNSw3IDEzLDUgMTIsNiA3LDYgOSw0IDYsMSAxLDYgNCw5IDYsNyA4LDcgOCwxMiAxMSwxMiAxMCwxMyAxMiwxNSAxNSwxMiAxMywxMCIvPjwvc3ZnPg==");
-}
-
-.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.interface:before {
-	content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzc1QkVGRiIgZD0iTTExLjUgNGMtMS43NTkgMC0zLjIwNCAxLjMwOC0zLjQ0OSAzaC0zLjEyMmMtLjIyMy0uODYxLS45OTgtMS41LTEuOTI5LTEuNS0xLjEwNCAwLTIgLjg5NS0yIDIgMCAxLjEwNC44OTYgMiAyIDIgLjkzMSAwIDEuNzA2LS42MzkgMS45MjktMS41aDMuMTIyYy4yNDUgMS42OTEgMS42OSAzIDMuNDQ5IDMgMS45MyAwIDMuNS0xLjU3IDMuNS0zLjUgMC0xLjkzMS0xLjU3LTMuNS0zLjUtMy41em0wIDVjLS44MjcgMC0xLjUtLjY3NC0xLjUtMS41IDAtLjgyOC42NzMtMS41IDEuNS0xLjVzMS41LjY3MiAxLjUgMS41YzAgLjgyNi0uNjczIDEuNS0xLjUgMS41eiIvPjwvc3ZnPg==");
-}
-
-.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.module:before {
-	content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI0M1QzVDNSIgZD0iTTkgMTF2LTFjMC0uODM0LjQ5Ni0xLjczOCAxLTItLjUwNC0uMjctMS0xLjE2OC0xLTJ2LTFjMC0uODQtLjU4NC0xLTEtMXYtMWMyLjA4MyAwIDIgMS4xNjYgMiAydjFjMCAuOTY5LjcwMy45OCAxIDF2MmMtLjMyMi4wMi0xIC4wNTMtMSAxdjFjMCAuODM0LjA4MyAyLTIgMnYtMWMuODMzIDAgMS0xIDEtMXptLTYgMHYtMWMwLS44MzQtLjQ5Ni0xLjczOC0xLTIgLjUwNC0uMjcgMS0xLjE2OCAxLTJ2LTFjMC0uODQuNTg0LTEgMS0xdi0xYy0yLjA4MyAwLTIgMS4xNjYtMiAydjFjMCAuOTY5LS43MDMuOTgtMSAxdjJjLjMyMi4wMiAxIC4wNTMgMSAxdjFjMCAuODM0LS4wODMgMiAyIDJ2LTFjLS44MzMgMC0xLTEtMS0xeiIvPjwvc3ZnPg==");
-	margin-left: 2px;
-}
-
-.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.property:before	{
-	content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI0M1QzVDNSIgZD0iTTEyLjA5IDQuMzU5bC0yLjY0MSAyLjY0MS0yLTIgMi42NDEtMi42NDFjLS41MDItLjIyNi0xLjA1NS0uMzU5LTEuNjQxLS4zNTktMi4yMDkgMC00IDEuNzkxLTQgNCAwIC41ODYuMTMzIDEuMTM5LjM1OSAxLjY0bC0zLjM1OSAzLjM2cy0xIDEgMCAyaDJsMy4zNTktMy4zNmMuNTAzLjIyNiAxLjA1NS4zNiAxLjY0MS4zNiAyLjIwOSAwIDQtMS43OTEgNC00IDAtLjU4Ni0uMTMzLTEuMTM5LS4zNTktMS42NDF6Ii8+PC9zdmc+");
-	margin-left: 1px;
-}
-
-.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.value:before,
-.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.enum:before	{
-	content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0iIzc1QkVGRiI+PHBhdGggZD0iTTEyIDNoLTRsLTEgMXYyaDV2MWgtMnYxaDJsMS0xdi0zbC0xLTF6bTAgMmgtNHYtMWg0djF6TTMgMTJoNnYtNWgtNnY1em0xLTNoNHYxaC00di0xeiIvPjwvZz48L3N2Zz4=");
-}
-
-.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.snippet:before {
-	content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI0M1QzVDNSIgZD0iTTEyIDExdi03aC03djdoLTF2LThoOXY4aC0xem0tNyAyaC0xdi0xaDF2MXptMi0xaC0xdjFoMXYtMXptMiAwaC0xdjFoMXYtMXptMiAxaC0xdi0xaDF2MXptMi0xaC0xdjFoMXYtMXoiLz48L3N2Zz4=");
-}
-
-.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.keyword:before {
-	content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI0M1QzVDNSIgZD0iTTEzIDVoLTR2LTFoNHYxem0wIDNoLTJ2MWgydi0xem0tNCAwaC02djFoNnYtMXptLTIgM2gtNHYxaDR2LTF6bTYgMGgtNHYxaDR2LTF6bS01LTh2M2gtNXYtM2g1em0tMSAxaC0zdjFoM3YtMXoiLz48L3N2Zz4=");
-}
-
-.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.unit:before {
-	content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHJlY3QgeD0iNCIgeT0iNiIgZmlsbD0iI0M1QzVDNSIgd2lkdGg9IjkiIGhlaWdodD0iNCIvPjxnIGZpbGw9IiMyQjI4MkUiPjxyZWN0IHg9IjUiIHk9IjgiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI3IiB5PSI4IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iOSIgeT0iOCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjExIiB5PSI4IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNSIgeT0iNyIgd2lkdGg9IjMiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjkiIHk9IjciIHdpZHRoPSIzIiBoZWlnaHQ9IjEiLz48L2c+PC9zdmc+");
-}
-
-.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.text	{
-	padding-left: 0;
-}
-.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.text:before	{
-	content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI0M1QzVDNSIgZD0iTTEgMnYxMmgxNHYtMTJoLTE0em0xMyAxMWgtMTJ2LTEwaDEydjEwem0tNi03di0xaC0xdjVoM3YtNGgtMnptMSAzaC0xdi0yaDF2MnptMy0ydjJoMXYxaC0ydi00aDJ2MWgtMXptLTYtMXY0aC0zdi0yaDF2MWgxdi0xaC0xdi0xaC0xdi0xaDN6Ii8+PC9zdmc+");
-}
-
-.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.color:before {
-	content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI0M1QzVDNSIgZD0iTTEwLjY0OCA4LjUwOHMtMS45MTEuNDU4LS40NzgtLjkxNmMxLjIxNy0xLjE2NyAzLjM0NC0yLjc0NyAxLjkxLTQuMTItMS40MzMtMS4zNzUtOS4wNzkuNDU2LTkuMDc5IDUuMDM2IDAgNC41ODEgNS43MzUgNS4wMzggOC4xMjQgNC4xMjIgMi4zODktLjkxNSAyLjg2Ni00LjU3OC0uNDc3LTQuMTIyem0tNS4yNzIgMS45MDJjLS41NzQgMC0xLjA0MS0uNDY3LTEuMDQxLTEuMDQxIDAtLjU3NS40NjctMS4wNDIgMS4wNDEtMS4wNDJzMS4wNDEuNDY2IDEuMDQxIDEuMDQyYzAgLjU3NC0uNDY3IDEuMDQxLTEuMDQxIDEuMDQxem0xLjA0MS0zYy0uNTc0IDAtMS4wNDEtLjQ2Ni0xLjA0MS0xLjA0MXMuNDY3LTEuMDQxIDEuMDQxLTEuMDQxIDEuMDQxLjQ2NiAxLjA0MSAxLjA0MWMwIC41NzQtLjQ2NyAxLjA0MS0xLjA0MSAxLjA0MXptMS45NDUtMi4yNWMwLS41NzUuNDY3LTEuMDQxIDEuMDQxLTEuMDQxLjU3NCAwIDEuMDQxLjQ2NiAxLjA0MSAxLjA0MXMtLjQ2NyAxLjA0MS0xLjA0MSAxLjA0MWMtLjU3NCAwLTEuMDQxLS40NjYtMS4wNDEtMS4wNDF6Ii8+PC9zdmc+");
-}
-
-.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.reference:before {
-	content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0iI0U4QUI1MyI+PHBhdGggZD0iTTYgN2gtNGwtMSAxdjNsMSAxaDRsMS0xdi0zbC0xLTF6bTAgNGgtNHYtMWg0djF6bTAtMmgtNHYtMWg0djF6TTEwIDNoLTRsLTEgMXYyaDV2MWgtMi41ODZsLjU4Ni41ODZ2LjQxNGgybDEtMXYtM2wtMS0xem0wIDJoLTR2LTFoNHYxeiIvPjwvZz48L3N2Zz4=");
-}
\ No newline at end of file
+.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon { background-image: url('Misc_inverse_16x.svg'); }
+.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.method,
+.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.function,
+.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.constructor { background-image: url('Method_inverse_16x.svg'); }
+.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.field,
+.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.variable { background-image: url('Field_inverse_16x.svg'); }
+.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.class { background-image: url('Class_inverse_16x.svg'); }
+.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.interface { background-image: url('Interface_inverse_16x.svg'); }
+.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.module { background-image: url('Namespace_inverse_16x.svg'); }
+.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.property { background-image: url('Property_inverse_16x.svg'); }
+.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.unit { background-image: url('Ruler_inverse_16x.svg'); }
+.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.value,
+.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.enum { background-image: url('EnumItem_inverse_16x.svg'); }
+.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.keyword { background-image: url('IntelliSenseKeyword_inverse_16x.svg'); }
+.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.text { background-image: url('String_inverse_16x.svg'); }
+.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.color { background-image: url('ColorPalette_inverse_16x.svg'); }
+.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.file { background-image: url('Document_inverse_16x.svg'); }
+.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.reference { background-image: url('Enumerator_inverse_16x.svg'); }
+.monaco-editor.hc-black .suggest-widget .monaco-list .monaco-list-row .icon.snippet { background-image: url('Snippet_inverse_16x.svg'); }
\ No newline at end of file
--- a/src/vs/editor/contrib/suggest/browser/suggestWidget.ts
+++ b/src/vs/editor/contrib/suggest/browser/suggestWidget.ts
@@ -83,8 +83,12 @@ class Renderer implements IRenderer<ICompletionItem, ISuggestionTemplateData> {

 		const configureFont = () => {
 			const fontInfo = this.editor.getConfiguration().fontInfo;
+
 			data.root.style.fontSize = `${ fontInfo.fontSize }px`;
 			main.style.fontFamily = fontInfo.fontFamily;
+			main.style.lineHeight = `${ fontInfo.lineHeight }px`;
+			data.icon.style.height = `${ fontInfo.lineHeight }px`;
+			data.icon.style.width = `${ fontInfo.lineHeight }px`;
 		};

 		configureFont();

--- a/src/vs/editor/contrib/suggest/browser/symbol-sprite.svg
+++ b/src/vs/editor/contrib/suggest/browser/symbol-sprite.svg
-<svg xmlns="http://www.w3.org/2000/svg" width="380" height="40" viewBox="0 0 380 40" enable-background="new 0 0 380 40"><path fill="#2D2D30" d="M365 24v8.8l-1 1.6V36h8v-1h4V24z"/><path fill="#C5C5C5" d="M365 35l3-5 3 5zM370.082 31.33C370.388 30 371.577 29 373 29c.77 0 1.468.3 2 .78V25h-9v6.2l2-3.2 2.082 3.33z"/><circle cx="372.938" cy="32" r="2.063" fill="#C5C5C5"/><path fill="#F6F6F6" d="M365 4v8.8l-1 1.6V16h8v-1h4V4z"/><path d="M365 15l3-5 3 5h-6zm5.082-3.67C370.388 10 371.577 9 373 9c.77 0 1.468.3 2 .78V5h-9v6.2l2-3.2 2.082 3.33zm2.856-1.392c-1.14 0-2.063.923-2.063 2.063 0 1.14.923 2.064 2.063 2.064 1.14 0 2.063-.923 2.063-2.063 0-1.14-.923-2.062-2.062-2.062z" fill="#424242"/><path fill="#2D2D30" d="M342 24h16v12h-16z"/><path fill="#C5C5C5" d="M353 27l3 3-3 3h-2l2-2h-3v-2h3l-2-2zM343 25h14v10h-14zM356 26h-6v3h-3l2-2h-2l-3 3 3 3h2l-2-2h3v3h6v-4z"/><path fill="#2B282E" d="M350 31h-3l2 2h-2l-3-3 3-3h2l-2 2h3zM351 33l2-2h-3v3h6v-4l-3 3zM356 26v4l-3-3h-2l2 2h-3v-3zM350 29v2z"/><path d="M358 16h-16V4h16v12z" fill="#F6F6F6"/><path d="M353 7l3 3-3 3h-2l2-2h-3V9h3l-2-2h2zm4-2v10h-14V5h14zm-1 1h-6v3h-3l2-2h-2l-3 3 3 3h2l-2-2h3v3h6V6z" fill="#424242"/><path d="M350 11h-3l2 2h-2l-3-3 3-3h2l-2 2h3v2zm1 2l2-2h-3v3h6v-4l-3 3h-2zm5-7v4l-3-3h-2l2 2h-3V6h6zm-6 3v2-2z" fill="#F0EFF1"/><path fill="#2D2D30" d="M333 27v-2h-6v2h-2v6h2v2h6v-2h2v-6z"/><path fill="#C5C5C5" d="M334 29v-1h-2v-2h-1v2h-2v-2h-1v2h-2v1h2v2h-2v1h2v2h1v-2h2v2h1v-2h2v-1h-2v-2z"/><path fill="#2D2D30" d="M329 29h2v2h-2z"/><path fill="#F6F6F6" d="M333 7V5h-6v2h-2v6h2v2h6v-2h2V7z"/><path d="M334 9V8h-2V6h-1v2h-2V6h-1v2h-2v1h2v2h-2v1h2v2h1v-2h2v2h1v-2h2v-1h-2V9h2zm-3 2h-2V9h2v2z" fill="#424242"/><g fill="#424242"><path d="M306 26v-1h-3v10.006h3v-.99h-2V26zM310 26v-1h3v10.006h-3v-.99h2V26z"/></g><g fill="#424242"><path d="M306 6V5h-3v10.006h3v-.99h-2V6zM310 6V5h3v10.006h-3v-.99h2V6z"/></g><path fill="#2D2D30" d="M292.414 24h-4.828L286 25.586V28h-2.414L282 29.586v3.828L283.586 35h4.828L290 33.414V31h2.414L294 29.414v-3.828z"/><path fill="#E8AB53" d="M288 29h-4l-1 1v3l1 1h4l1-1v-3zM284 32h4v1h-4zM284 30h4v1h-4zM292 25h-4l-1 1v2h5v1h-2.586l.586.586V30h2l1-1v-3zM288 26h4v1h-4z"/><path fill="#2B282E" d="M292 28v1h-2.586l-1-1zM288 26h4v1h-4zM284 32h4v1h-4zM284 30h4v1h-4z"/><path fill="#F6F6F6" d="M292.414 4h-4.828L286 5.586V8h-2.414L282 9.586v3.828L283.586 15h4.828L290 13.414V11h2.414L294 9.414V5.586z"/><path d="M288 9h-4l-1 1v3l1 1h4l1-1v-3l-1-1zm0 4h-4v-1h4v1zm0-2h-4v-1h4v1zM292 5h-4l-1 1v2h5v1h-2.586l.586.586V10h2l1-1V6l-1-1zm0 2h-4V6h4v1z" fill="#C27D1A"/><path d="M292 8v1h-2.586l-1-1H292zm0-2h-4v1h4V6zm-4 6h-4v1h4v-1zm0-2h-4v1h4v-1z" fill="#F0EFF1"/><path fill="#2D2D30" d="M265 35V24h6.414L275 27.586V35z"/><path fill="#C5C5C5" d="M271 25h-5v9h8v-6zM273 29v4h-6v-7h4v2h2z"/><path fill="#2B282E" d="M273 29v4h-6v-7h4v2h2z"/><path d="M265 15V4h6.414L275 7.586V15h-10z" fill="#F6F6F6"/><path d="M271 5h-5v9h8V8l-3-3zm2 4v4h-6V6h4v2h2v1z" fill="#424242"/><path fill="#F0EFF1" d="M273 9v4h-6V6h4v2h2z"/><path fill="#2D2D30" d="M247 34v-4h-2v-4h10v8z"/><path fill="#C5C5C5" d="M246 27h8v2h-8zM248 30h6v1h-6zM248 32h6v1h-6z"/><path fill="#F6F6F6" d="M247 14v-4h-2V6h10v8z"/><path d="M254 9h-8V7h8v2zm0 1h-6v1h6v-1zm0 2h-6v1h6v-1z" fill="#424242"/><path d="M230.7 35.992c-3.334 0-6.7-1.703-6.7-5.51 0-4.173 4.968-6.48 8.402-6.48 1.07 0 1.867.243 2.37.724.657.63.79 1.298.785 1.746-.013 1.174-.905 2.146-1.823 3.008 1.408.194 2.09 1.142 2.254 2.036.297 1.603-.805 3.37-2.507 4.022-.762.293-1.75.454-2.78.454z" fill="#2D2D30"/><path d="M232.647 30.482s-1.91.458-.478-.916c1.216-1.167 3.343-2.747 1.91-4.12-1.434-1.375-9.08.456-9.08 5.036 0 4.58 5.735 5.038 8.124 4.122 2.39-.915 2.867-4.578-.477-4.122z" fill="#C5C5C5"/><circle cx="227.375" cy="31.343" r="1.041" fill="#C5C5C5"/><circle cx="228.417" cy="28.343" r="1.041" fill="#C5C5C5"/><circle cx="231.403" cy="27.134" r="1.041" fill="#C5C5C5"/><circle cx="231.402" cy="27.134" r="1.041" fill="#2B282E"/><circle cx="228.416" cy="28.343" r="1.041" fill="#2B282E"/><circle cx="227.375" cy="31.343" r="1.041" fill="#2B282E"/><path d="M230.7 15.992c-3.334 0-6.7-1.703-6.7-5.51C224 6.31 228.968 4 232.402 4c1.07 0 1.867.244 2.37.725.657.63.79 1.298.785 1.746-.013 1.175-.905 2.147-1.823 3.01 1.408.193 2.09 1.14 2.254 2.035.297 1.603-.805 3.37-2.507 4.022-.762.294-1.75.455-2.78.455z" fill="#F6F6F6"/><path d="M232.647 10.482s-1.91.458-.478-.916c1.216-1.167 3.343-2.747 1.91-4.12-1.434-1.375-9.08.456-9.08 5.036 0 4.58 5.735 5.038 8.124 4.122 2.39-.915 2.867-4.578-.477-4.122zm-5.272 1.902c-.574 0-1.04-.467-1.04-1.04 0-.576.466-1.043 1.04-1.043s1.04.467 1.04 1.043c.002.574-.465 1.04-1.04 1.04zm1.042-3c-.574 0-1.04-.466-1.04-1.04 0-.576.466-1.042 1.04-1.042s1.04.466 1.04 1.04c0 .575-.466 1.042-1.04 1.042zm1.945-2.25c0-.575.467-1.04 1.04-1.04s1.042.465 1.042 1.04-.467 1.04-1.04 1.04-1.042-.465-1.042-1.04z" fill="#424242"/><g fill="#F0EFF1"><circle cx="231.402" cy="7.134" r="1.041"/><circle cx="228.416" cy="8.343" r="1.041"/><circle cx="227.375" cy="11.343" r="1.041"/></g><path fill="#2D2D30" d="M202 23h16v14h-16z"/><path fill="#C5C5C5" d="M203 24h14v12h-14zM204 25h12v10h-12zM210 28v-1h-1v5h3v-4zM210 29h1v2h-1zM214 29v2h1v1h-2v-4h2v1zM208 28v4h-3v-2h1v1h1v-1h-1v-1h-1v-1z"/><path fill="#2B282E" d="M204 25h12v10h-12z"/><path fill="#C5C5C5" d="M208 28h-3v1h1v1h-1v2h3zM212 28h-2v-1h-1v5h3zM215 28h-2v4h2v-1h-1v-2h1z"/><path fill="#2B282E" d="M206 30h1v1h-1zM210 29h1v2h-1z"/><path fill="#F6F6F6" d="M202 3h16v14h-16z"/><path d="M203 4v12h14V4h-14zm13 11h-12V5h12v10zm-6-7V7h-1v5h3V8h-2zm1 3h-1V9h1v2zm3-2v2h1v1h-2V8h2v1h-1zm-6-1v4h-3v-2h1v1h1v-1h-1V9h-1V8h3z" fill="#424242"/><path d="M210 9h1v2h-1V9zm-3 2v-1h-1v1h1zm9-6v10h-12V5h12zm-8 3h-3v1h1v1h-1v2h3V8zm4 0h-2V7h-1v5h3V8zm3 0h-2v4h2v-1h-1V9h1V8z" fill="#F0EFF1"/><path fill="#2D2D30" d="M185 24h11v12h-11z"/><path fill="#C5C5C5" d="M194 33v-7h-7v7h-1v-8h9v8zM186 34h1v1h-1zM188 34h1v1h-1zM190 34h1v1h-1zM192 34h1v1h-1zM194 34h1v1h-1z"/><path fill="#2B282E" d="M187 26h7v7h-7z"/><path fill="#F6F6F6" d="M185 4h11v12h-11z"/><path d="M194 13V6h-7v7h-1V5h9v8h-1zm-7 2h-1v-1h1v1zm2-1h-1v1h1v-1zm2 0h-1v1h1v-1zm2 1h-1v-1h1v1zm2-1h-1v1h1v-1z" fill="#424242"/><path d="M187 13V6h7v7h-7z" fill="#F0EFF1"/><path fill="#2D2D30" d="M164 35V24h7v1h5v3h-5v1h5v6z"/><path fill="#C5C5C5" d="M171 26h4v1h-4zM173 30h2v1h-2zM165 30h6v1h-6zM165 33h4v1h-4zM171 33h4v1h-4zM165 25h5v3h-5zM166 26h3v1h-3z"/><path fill="#2B282E" d="M166 26h3v1h-3z"/><path fill="#F6F6F6" d="M164 15V4h7v1h5v3h-5v1h5v6z"/><path d="M175 7h-4V6h4v1zm0 3h-2v1h2v-1zm-4 0h-6v1h6v-1zm-2 3h-4v1h4v-1zm6 0h-4v1h4v-1zm-5-8v3h-5V5h5zm-1 1h-3v1h3V6z" fill="#424242"/><path fill="#F0EFF1" d="M166 6h3v1h-3z"/><path fill="#2D2D30" d="M154.414 24h-4.828L148 25.586V28h-4v7h8v-4h2.414L156 29.414v-3.828z"/><path fill="#75BEFF" d="M154 25h-4l-1 1v2h5v1h-2v1h2l1-1v-3z"/><path fill="#00539C" d="M150 26h4v1h-4z"/><path fill="#75BEFF" d="M145 29h6v5h-6z"/><path fill="#00539C" d="M146 31h4v1h-4z"/><path fill="#2B282E" d="M146 31h4v1h-4zM150 26h4v1h-4zM152 28h2v1h-2z"/><path fill="#F6F6F6" d="M154.414 4h-4.828L148 5.586V8h-4v7h8v-4h2.414L156 9.414V5.586z"/><g fill="#00539C"><path d="M154 5h-4l-1 1v2h5v1h-2v1h2l1-1V6l-1-1zm0 2h-4V6h4v1zM145 14h6V9h-6v5zm1-3h4v1h-4v-1z"/></g><g fill="#F0EFF1"><path d="M146 11h4v1h-4zM150 6h4v1h-4zM152 8h2v1h-2z"/></g><path fill="#2D2D30" d="M125 27h11v6h-11z"/><path fill="#C5C5C5" d="M126 28h9v4h-9z"/><path fill="#2B282E" d="M127 30h1v1h-1zM129 30h1v1h-1zM131 30h1v1h-1zM133 30h1v1h-1zM127 29h3v1h-3zM131 29h3v1h-3z"/><path fill="#F6F6F6" d="M125 7h11v6h-11z"/><path fill="#424242" d="M126 8h9v4h-9z"/><path fill="#F0EFF1" d="M127 10h1v1h-1zM129 10h1v1h-1zM131 10h1v1h-1zM133 10h1v1h-1zM127 9h3v1h-3zM131 9h3v1h-3z"/><path d="M110.45 23c-1.638 0-3.076.797-3.988 2.012v.002c-.627.836-1.013 1.863-1.013 2.986 0 .47.066.933.2 1.385l-2.908 2.908c-.687.686-1.253 2.16 0 3.414.61.61 1.244.736 1.67.736.958 0 1.62-.613 1.744-.736l2.907-2.908c.453.132.917.2 1.386.2 1.122 0 2.148-.387 2.984-1.014h.002c1.216-.91 2.013-2.35 2.013-3.986 0-2.762-2.24-5-5-5z" fill="#2D2D30"/><path d="M114.09 26.36L111.45 29l-2-2 2.64-2.64c-.502-.228-1.055-.36-1.64-.36-2.21 0-4 1.79-4 4 0 .586.132 1.14.358 1.64l-3.36 3.36s-1 1 0 2 2 0 2 0l3.36-3.36c.502.227 1.055.36 1.64.36 2.21 0 4-1.79 4-4 0-.586-.132-1.14-.358-1.64z" fill="#C5C5C5"/><path d="M110.45 3c-1.638 0-3.076.797-3.988 2.012v.002c-.627.836-1.013 1.863-1.013 2.986 0 .47.066.933.2 1.385l-2.908 2.908c-.687.686-1.253 2.16 0 3.414.61.61 1.244.736 1.67.736.958 0 1.62-.613 1.744-.736l2.907-2.908c.453.132.917.2 1.386.2 1.122 0 2.148-.387 2.984-1.014h.002c1.216-.91 2.013-2.35 2.013-3.986 0-2.762-2.24-5-5-5z" fill="#F6F6F6"/><path d="M114.09 6.36L111.45 9l-2-2 2.64-2.64c-.502-.227-1.055-.36-1.64-.36-2.21 0-4 1.79-4 4 0 .586.132 1.14.358 1.64l-3.36 3.36s-1 1 0 2 2 0 2 0l3.36-3.36c.502.227 1.055.36 1.64.36 2.21 0 4-1.79 4-4 0-.586-.132-1.14-.358-1.64z" fill="#424242"/><path d="M89 33h1v-1c0-.537.74-1.613 1-2-.26-.39-1-1.467-1-2v-1h-1v-3h1c1.97.02 3 1.277 3 3 0 0-.004.965 0 1l1 1v2l-1 1c-.003.03 0 1 0 1 0 1.71-1.03 2.98-3 3h-1v-3zM87 33h-1v-1c0-.537-.74-1.613-1-2 .26-.39 1-1.467 1-2v-1h1v-3h-1c-1.97.02-3 1.277-3 3 0 0 .004.965 0 1l-1 1v2l1 1c.003.03 0 1 0 1 0 1.71 1.317 2.98 3.286 3H87v-3z" fill="#2D2D30"/><path d="M91 33v-1c0-.834.496-1.738 1-2-.504-.27-1-1.168-1-2v-1c0-.84-.584-1-1-1v-1c2.083 0 2 1.166 2 2v1c0 .97.703.98 1 1v2c-.322.02-1 .053-1 1v1c0 .834.083 2-2 2v-1c.833 0 1-1 1-1zM85 33v-1c0-.834-.496-1.738-1-2 .504-.27 1-1.168 1-2v-1c0-.84.584-1 1-1v-1c-2.083 0-2 1.166-2 2v1c0 .97-.703.98-1 1v2c.322.02 1 .053 1 1v1c0 .834-.083 2 2 2v-1c-.833 0-1-1-1-1z" fill="#C5C5C5"/><path d="M89 13h1v-1c0-.537.74-1.613 1-2-.26-.39-1-1.467-1-2V7h-1V4h1c1.97.02 3 1.277 3 3 0 0-.004.965 0 1l1 1v2l-1 1c-.003.03 0 1 0 1 0 1.71-1.03 2.98-3 3h-1v-3zm-2 0h-1v-1c0-.537-.74-1.613-1-2 .26-.39 1-1.467 1-2V7h1V4h-1c-1.97.02-3 1.277-3 3 0 0 .004.965 0 1l-1 1v2l1 1c.003.03 0 1 0 1 0 1.71 1.317 2.98 3.286 3H87v-3z" fill="#F6F6F6"/><path d="M91 13v-1c0-.834.496-1.738 1-2-.504-.27-1-1.168-1-2V7c0-.84-.584-1-1-1V5c2.083 0 2 1.166 2 2v1c0 .97.703.98 1 1v2c-.322.02-1 .053-1 1v1c0 .834.083 2-2 2v-1c.833 0 1-1 1-1zm-6 0v-1c0-.834-.496-1.738-1-2 .504-.27 1-1.168 1-2V7c0-.84.584-1 1-1V5c-2.083 0-2 1.166-2 2v1c0 .97-.703.98-1 1v2c.322.02 1 .053 1 1v1c0 .834-.083 2 2 2v-1c-.833 0-1-1-1-1z" fill="#424242"/><path d="M73.5 34c-1.914 0-3.6-1.242-4.227-3H67.59c-.524.91-1.503 1.5-2.59 1.5-1.655 0-3-1.346-3-3s1.345-3 3-3c1.087 0 2.065.588 2.59 1.5h1.683c.626-1.76 2.313-3 4.227-3 2.48 0 4.5 2.018 4.5 4.5 0 2.48-2.02 4.5-4.5 4.5z" fill="#2D2D30"/><path d="M73.5 26c-1.76 0-3.204 1.308-3.45 3h-3.12c-.224-.86-1-1.5-1.93-1.5-1.104 0-2 .895-2 2 0 1.104.896 2 2 2 .93 0 1.706-.64 1.93-1.5h3.12c.246 1.69 1.69 3 3.45 3 1.93 0 3.5-1.57 3.5-3.5S75.43 26 73.5 26z" fill="#75BEFF"/><circle cx="73.5" cy="29.5" r="1.5" fill="#75BEFF"/><circle cx="73.5" cy="29.5" r="1.5" fill="#2B282E"/><path d="M73.5 14c-1.914 0-3.6-1.242-4.227-3H67.59c-.524.91-1.503 1.5-2.59 1.5-1.655 0-3-1.346-3-3s1.345-3 3-3c1.087 0 2.065.588 2.59 1.5h1.683c.626-1.76 2.313-3 4.227-3C75.98 5 78 7.018 78 9.5c0 2.48-2.02 4.5-4.5 4.5z" fill="#F6F6F6"/><path d="M73.5 6c-1.76 0-3.204 1.308-3.45 3h-3.12c-.224-.86-1-1.5-1.93-1.5-1.104 0-2 .895-2 2 0 1.104.896 2 2 2 .93 0 1.706-.64 1.93-1.5h3.12c.246 1.69 1.69 3 3.45 3 1.93 0 3.5-1.57 3.5-3.5S75.43 6 73.5 6zm0 5c-.827 0-1.5-.674-1.5-1.5 0-.828.673-1.5 1.5-1.5s1.5.672 1.5 1.5c0 .826-.673 1.5-1.5 1.5z" fill="#00539C"/><circle cx="73.5" cy="9.5" r="1.5" fill="#F0EFF1"/><path fill="#2D2D30" d="M58 28.586l-3-3L53.586 27h-2.172l1-1-4-4h-.828L42 27.586v.828l4 4L48.414 30H49v5h1.586l3 3h.828L58 34.414v-.828L55.914 31.5 58 29.414z"/><path fill="#E8AB53" d="M53.998 33.002L51 33v-4h2l-1 1 2 2 3-3-2-2-1 1h-5l2-2-3-3-5 5 3 3 2-2h2v5h3l-1 1 2 2 3-3-2-2z"/><path d="M58 8.586l-3-3L53.586 7h-2.172l1-1-4-4h-.828L42 7.586v.828l4 4L48.414 10H49v5h1.586l3 3h.828L58 14.414v-.828L55.914 11.5 58 9.414v-.828z" fill="#F6F6F6"/><path fill="#C27D1A" d="M53.998 13.002L51 13V9h2l-1 1 2 2 3-3-2-2-1 1h-5l2-2-3-3-5 5 3 3 2-2h2v5h3l-1 1 2 2 3-3-2-2z"/><path fill="#2D2D30" d="M29.263 24L34 26.37v5.235L27.21 35h-.42L22 32.605V27.37L28.74 24z"/><path fill="#75BEFF" d="M23 28v4l4 2 6-3v-4l-4-2zM27 29l-2-1 4-2 2 1z"/><path fill="#2B282E" d="M29 26l2 1-4 2-2-1z"/><path d="M29.263 4L34 6.37v5.235L27.21 15h-.42L22 12.606V7.37L28.74 4h.523z" fill="#F6F6F6"/><path d="M23 8v4l4 2 6-3V7l-4-2-6 3zm4 1l-2-1 4-2 2 1-4 2z" fill="#00539C"/><path d="M29 6l2 1-4 2-2-1 4-2z" fill="#F0EFF1"/><path fill="#2D2D30" d="M2 27.308v5.384L7.21 36h.58L13 32.692v-5.384L7.79 24h-.58z"/><path fill="#B180D7" d="M7.5 25L3 27.857v4.286L7.5 35l4.5-2.857v-4.286zM7 33.498l-3-1.905v-2.816l3 1.906zM4.642 28L7.5 26.185 10.358 28 7.5 29.815zM11 31.593l-3 1.905v-2.815l3-1.906z"/><path fill="#2B282E" d="M10.358 28L7.5 29.815 4.642 28 7.5 26.185zM4 28.777l3 1.906v2.815l-3-1.905zM8 33.498v-2.815l3-1.906v2.816z"/><path fill="#F6F6F6" d="M2 7.308v5.384L7.21 16h.58L13 12.692V7.308L7.79 4h-.58z"/><path d="M7.5 5L3 7.857v4.285L7.5 15l4.5-2.857V7.857L7.5 5zM7 13.498l-3-1.905V8.777l3 1.905v2.816zM4.642 8L7.5 6.185 10.358 8 7.5 9.815 4.642 8zM11 11.593l-3 1.905v-2.815l3-1.905v2.815z" fill="#652D90"/><path fill="#F0EFF1" d="M10.358 8L7.5 9.815 4.642 8 7.5 6.185zM4 8.777l3 1.906v2.815l-3-1.905zM8 13.498v-2.815l3-1.906v2.816z"/></svg>
\ No newline at end of file