SVG Image Previews - Missing

Hello Leigh,

To me it happened only with SVGs, that didn't have height and width attributes. If this is the case, try adding e.g. height="24px" width="24px" to your SVG files before uploading them. You can still set their dimensions with CSS regardless of their 'embedded' values, of course.

Interesting, but I gave it a try and no go. Still missing a preview of the image in the CMS control panel in any given region.

Any SVG in the Assets bin shows previews. But ANY SVG in a given edit page for my client, it shows zero preview, as if there was no image. It's not specific at any one SVG, all kinds are failing. This is the same issue that was in Perch 2 Runway that I thought was resolved.

Am I missing something?

Oh, it's not common among users? I thought I saw a thread on it. Here's an SVG example, one of many, that is not showing as a preview in the page content.
Again, I'm seeing the previews just fine in the Assets panel, but within and given region that has the logo (and it shows on the site), doesn't seem to since there is no preview, just the link for "select or upload an image" link.

<svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" width="1038" height="376.82" viewBox="0 0 1038 376.82"><defs><clipPath id="clip-path"><path d="M0,138.28c0,56.14,41.22,100.63,108.72,100.63,24.34,0,65.56-8.46,96.74-37L195.05,187c-12.32,8.45-36.34,24.67-68.48,24.67-31.15,0-86.63-11.13-86.63-81.56,0-52.91,46.73-109.39,104.81-109.39,20.47,0,39.6,7.9,53.22,18.27L194.42,61l12,3.56c6.81-19.47,17.83-43.8,20.45-48C207.39,6.81,181.42,0,155.47,0,82.12,0,0,55.51,0,138.28" fill="#676767"/></clipPath><clipPath id="clip-path-2"><path d="M380.57,60.13c-11.39,0-23-.26-34.2-.74l-2,9.18,16.86,2.72c-3,20.33-7.2,40.4-10.9,60-13.63.26-26.54.74-39.44.74-12.63,0-25.3-.24-38.66-.74,4.71-19.59,9.17-39.92,15.11-60l17.36-2.72,2-9.18c-11.66.23-23.56.74-35.22.74-11.4,0-23.05-.26-34.2-.74l-2,9.18,16.85,2.72c-3.95,25.53-9.17,51.07-14.62,76.35-5.7,25.56-11.4,51.09-18.09,76.36l-17.37,2.75-2,9.15c11.64-.23,23.3-.75,35-.75,11.39,0,23.06.52,34.46.75l2-9.15L254.63,224c2.48-24.78,8.43-52.79,14.13-76.36,12.39-.47,25.05-.74,37.44-.74,13.64,0,27.27.27,40.89.74C341.66,173,335,198.48,328.51,224l-17.35,2.75-2,9.15c11.65-.23,23.3-.75,35-.75,11.4,0,23.05.52,34.45.75l2-9.15L364,224c4.21-25.52,9.18-51.05,14.39-76.36,5.21-25.52,10.41-51.31,18.36-76.35l17.11-2.72,2-9.18c-11.65.23-23.54.74-35.21.74" fill="#676767"/></clipPath><clipPath id="clip-path-3"><path d="M439.17,162.75c0-44.36,28.51-90,76.62-90,32.46,0,50.8,28,50.8,58.49,0,41.92-27.5,91.24-74.11,91.24-35.47,0-53.31-25.53-53.31-59.77m-34.7,0c0,47.37,33.22,76.16,79.57,76.16,59,0,117.25-45.64,117.25-107.63,0-48.57-36.19-74.86-82.28-74.86-56.3,0-114.54,47.59-114.54,106.33" fill="#676767"/></clipPath><clipPath id="clip-path-4"><path d="M594.66,59.46l47.24,20c-3.95,25.56-6.49,42.41-12,67.7-5.68,25.51-11.37,51.06-18.09,76.33l-40.61,2.73-2,9.18c11.65-.25,46.56-.75,58.2-.75,11.42,0,54.59.5,66,.75l2-9.18-48.4-2.73c2.71-22.79,8.18-48.32,14.09-76.33,5.49-25.56,8.52-42.66,16-67.7l48.77-15.82,2-9.15c-11.66.24-55,13.82-66.66,13.82-11.42,0-53.44-17.51-64.6-18Z" fill="#676767"/></clipPath><clipPath id="clip-path-5"><path d="M693,162c0,42.9,31.47,76.88,83,76.88,18.6,0,50.1-6.47,73.92-28.27l-8-11.42c-9.43,6.45-27.77,18.83-52.31,18.83-23.8,0-62-11.64-62-65.44,0-40.42,30-78.34,74.38-78.34,15.64,0,31.73,4,42.16,11.89L841.55,103l9.14,2.74c5.24-14.87,13.68-33.47,15.67-36.68a126.11,126.11,0,0,0-54.58-12.65C755.76,56.42,693,98.8,693,162" fill="#676767"/></clipPath><clipPath id="clip-path-6"><path d="M881.47,68.57l16.85,2.72c-4,25.53-9.18,51.07-14.62,76.35C878,173.2,872.3,198.73,865.61,224c-5.71,1-11.67,1.73-17.38,2.75l-2,9.15c24.54-.48,48.84-.75,73.38-.75h73.13c3-8.4,12.4-30.46,15.63-35.67l-8.69-4.23L987.09,212.6c-2,2-35.46,6.21-46.39,6.21-15.84,0-29.48-.51-38.89-.76,4.21-28.74,7.9-50.08,13.62-71.9l57.51,1.49v15.61h9.17a337.12,337.12,0,0,1,9.67-43.86h-9.15l-6.44,11.89-58.3,1.49c4.47-20.34,9-38.17,14.15-56.28h18.34c28,0,55.55,1.75,56.77,3.23l4.47,17.36,9.17-1.5c-.48-6.44-1-12.4-1-18.82a166.39,166.39,0,0,1,1-16.63H952.12c-22.81,0-45.61-.26-68.67-.74Z" fill="#676767"/></clipPath><clipPath id="clip-path-7"><path d="M646.14,37a19.1,19.1,0,1,0,19.1-19.08A19.06,19.06,0,0,0,646.14,37" fill="#676767"/></clipPath></defs><title>choice-admin-logo-GREY</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path d="M0,138.28c0,56.14,41.22,100.63,108.72,100.63,24.34,0,65.56-8.46,96.74-37L195.05,187c-12.32,8.45-36.34,24.67-68.48,24.67-31.15,0-86.63-11.13-86.63-81.56,0-52.91,46.73-109.39,104.81-109.39,20.47,0,39.6,7.9,53.22,18.27L194.42,61l12,3.56c6.81-19.47,17.83-43.8,20.45-48C207.39,6.81,181.42,0,155.47,0,82.12,0,0,55.51,0,138.28" fill="#676767"/><g clip-path="url(#clip-path)"><rect width="226.88" height="238.91" fill="#676767"/></g><path d="M380.57,60.13c-11.39,0-23-.26-34.2-.74l-2,9.18,16.86,2.72c-3,20.33-7.2,40.4-10.9,60-13.63.26-26.54.74-39.44.74-12.63,0-25.3-.24-38.66-.74,4.71-19.59,9.17-39.92,15.11-60l17.36-2.72,2-9.18c-11.66.23-23.56.74-35.22.74-11.4,0-23.05-.26-34.2-.74l-2,9.18,16.85,2.72c-3.95,25.53-9.17,51.07-14.62,76.35-5.7,25.56-11.4,51.09-18.09,76.36l-17.37,2.75-2,9.15c11.64-.23,23.3-.75,35-.75,11.39,0,23.06.52,34.46.75l2-9.15L254.63,224c2.48-24.78,8.43-52.79,14.13-76.36,12.39-.47,25.05-.74,37.44-.74,13.64,0,27.27.27,40.89.74C341.66,173,335,198.48,328.51,224l-17.35,2.75-2,9.15c11.65-.23,23.3-.75,35-.75,11.4,0,23.05.52,34.45.75l2-9.15L364,224c4.21-25.52,9.18-51.05,14.39-76.36,5.21-25.52,10.41-51.31,18.36-76.35l17.11-2.72,2-9.18c-11.65.23-23.54.74-35.21.74" fill="#676767"/><g clip-path="url(#clip-path-2)"><rect x="200.09" y="59.39" width="215.69" height="176.52" fill="#676767"/></g><path d="M439.17,162.75c0-44.36,28.51-90,76.62-90,32.46,0,50.8,28,50.8,58.49,0,41.92-27.5,91.24-74.11,91.24-35.47,0-53.31-25.53-53.31-59.77m-34.7,0c0,47.37,33.22,76.16,79.57,76.16,59,0,117.25-45.64,117.25-107.63,0-48.57-36.19-74.86-82.28-74.86-56.3,0-114.54,47.59-114.54,106.33" fill="#676767"/><g clip-path="url(#clip-path-3)"><rect x="404.47" y="56.42" width="196.82" height="182.48" fill="#676767"/></g><path d="M594.66,59.46l47.24,20c-3.95,25.56-6.49,42.41-12,67.7-5.68,25.51-11.37,51.06-18.09,76.33l-40.61,2.73-2,9.18c11.65-.25,46.56-.75,58.2-.75,11.42,0,54.59.5,66,.75l2-9.18-48.4-2.73c2.71-22.79,8.18-48.32,14.09-76.33,5.49-25.56,8.52-42.66,16-67.7l48.77-15.82,2-9.15c-11.66.24-55,13.82-66.66,13.82-11.42,0-53.44-17.51-64.6-18Z" fill="#676767"/><g clip-path="url(#clip-path-4)"><rect x="569.26" y="50.28" width="158.65" height="185.09" fill="#676767"/></g><path d="M693,162c0,42.9,31.47,76.88,83,76.88,18.6,0,50.1-6.47,73.92-28.27l-8-11.42c-9.43,6.45-27.77,18.83-52.31,18.83-23.8,0-62-11.64-62-65.44,0-40.42,30-78.34,74.38-78.34,15.64,0,31.73,4,42.16,11.89L841.55,103l9.14,2.74c5.24-14.87,13.68-33.47,15.67-36.68a126.11,126.11,0,0,0-54.58-12.65C755.76,56.42,693,98.8,693,162" fill="#676767"/><g clip-path="url(#clip-path-5)"><rect x="693.03" y="56.42" width="173.32" height="182.48" fill="#676767"/></g><path d="M881.47,68.57l16.85,2.72c-4,25.53-9.18,51.07-14.62,76.35C878,173.2,872.3,198.73,865.61,224c-5.71,1-11.67,1.73-17.38,2.75l-2,9.15c24.54-.48,48.84-.75,73.38-.75h73.13c3-8.4,12.4-30.46,15.63-35.67l-8.69-4.23L987.09,212.6c-2,2-35.46,6.21-46.39,6.21-15.84,0-29.48-.51-38.89-.76,4.21-28.74,7.9-50.08,13.62-71.9l57.51,1.49v15.61h9.17a337.12,337.12,0,0,1,9.67-43.86h-9.15l-6.44,11.89-58.3,1.49c4.47-20.34,9-38.17,14.15-56.28h18.34c28,0,55.55,1.75,56.77,3.23l4.47,17.36,9.17-1.5c-.48-6.44-1-12.4-1-18.82a166.39,166.39,0,0,1,1-16.63H952.12c-22.81,0-45.61-.26-68.67-.74Z" fill="#676767"/><g clip-path="url(#clip-path-6)"><rect x="846.27" y="59.39" width="174.52" height="176.52" fill="#676767"/></g><path d="M66.07,329.36c5.32,0,10.48-.16,15.79-.42A422.13,422.13,0,0,0,65.66,285c-5.6,14.48-10.91,29.08-15.51,43.94,5.31.26,10.61.42,15.92.42M18.14,371.1l7.29-1.5c8.24-16.69,25.55-63.8,34.07-90a82.41,82.41,0,0,0,12.71-4.82l3.08,1.52c9.36,26.85,22.36,64.19,35.08,93.27l7.39,1.5v3.75c-4.47-.3-9.07-.44-13.54-.44-6.29,0-12.44.14-18.73.44V371.1l9.66-1.5c-3.09-11.43-7-22.75-11.05-33.76-6-.27-12.16-.41-18.16-.41s-12,.14-18,.41c-4.08,10-8,24.67-10.2,33.76l9.49,1.5v3.75c-5.73-.3-11.3-.44-17-.44-4.07,0-8,.14-12,.44Z" fill="#676767"/><path d="M159.81,367.52c6.85,0,13.54-4.13,16.07-10.18,1.66-4.15,3.06-9,3.06-19.28V307.33c-4.45-2.5-9.65-4-16.75-4-21.67,0-26.27,20.94-26.27,31.41,0,14.06,6.58,32.78,23.89,32.78m8.79-99a111.86,111.86,0,0,0,19.15-3.74h2.95c0,12-.59,24-.59,36v31c0,16.24.59,27.15.87,37.89l8.22,1.5v3.75c-3.76-.3-7.54-.44-11.3-.44-2.93,0-6,.14-9,.44V363.1h-.26a27.22,27.22,0,0,1-23.19,13.39c-20.69,0-31.58-18.05-31.58-37.09,0-24.64,17-43,42.62-43a33.42,33.42,0,0,1,12.41,1.95c0-8.25-.26-16.53-.81-24.65l-9.53-1.53Z" fill="#676767"/><path d="M206.18,371.1l8.41-1.5c.54-7.88.82-19.43.82-27.7V328.13c0-12.14-.28-18.35-.82-22.73l-9.53-1.51v-3.72a112.29,112.29,0,0,0,19.14-3.74h3c-.4,5.09-.84,10.34-.84,15.43l.28.27c3.76-5.22,13.7-15.7,26.39-15.7,11.61,0,16.64,6.89,19.3,17.36,6-7.83,14.51-17.36,27-17.36,14.13,0,21.53,9.93,21.53,24.52v26.18a197.17,197.17,0,0,0,1.11,22.47l8.38,1.5v3.75c-3.91-.3-8-.44-11.88-.44-3.21,0-6.42.14-9.63.44.4-12.41.82-26.6.82-39v-6.9c0-14.73-4.17-23.54-15.21-23.54-13,0-20.69,11.44-20.69,29.88v8.55c0,9.92.56,19.28.85,25.77l8.38,1.5v3.75c-4.89-.3-9.92-.44-14.82-.44s-9.89.14-14.8.44V371.1l8.41-1.5c.53-7.88.82-19.43.82-27.7v-13c0-14.73-4.22-23.54-15.23-23.54-13,0-20.68,11.44-20.68,29.88v8.55c0,9.92.56,19.28.85,25.77l8.37,1.5v3.75c-4.89-.3-9.91-.44-14.8-.44s-9.92.14-14.83.44Z" fill="#676767"/><path d="M353.3,269.31a7.71,7.71,0,1,1-7.83,7.71,7.76,7.76,0,0,1,7.83-7.71M338.5,371.1l8.37-1.5c.57-7.88.83-19.43.83-27.7V328.13c0-12.14-.26-18.35-.83-22.73l-9.5-1.51v-3.72a113.1,113.1,0,0,0,19.14-3.74h2.94c-.15,6.64-.56,13.35-.56,31.7V341.9c0,11.85.56,21.21.84,27.7l8.38,1.5v3.75c-4.89-.3-9.94-.44-14.81-.44s-9.91.14-14.8.44Z" fill="#676767"/><path d="M376.63,371.1l8.38-1.5c.57-7.88.84-19.43.84-27.7V328.13c0-12.14-.27-18.35-.84-22.73l-9.5-1.51v-3.72a113,113,0,0,0,19.13-3.74h2.93c-.4,5.09-.82,10.34-.82,15.43l.27.27c3.77-5.22,13.69-15.7,26.41-15.7,19.85,0,23.6,14.22,23.6,24.52v26.18a204.3,204.3,0,0,0,1.12,22.47l8.39,1.5v3.75c-3.91-.3-8-.44-11.87-.44-3.2,0-6.43.14-9.64.44.42-12.41.84-26.6.84-39V329.9c0-12.8-2.24-24.5-17.33-24.5-16.63,0-21.52,15-21.52,30.44v8c0,9.92.55,19.28.84,25.77l8.39,1.5v3.75c-4.89-.3-9.92-.44-14.83-.44s-9.91.14-14.79.44Z" fill="#676767"/><path d="M479.61,269.31a7.71,7.71,0,1,1-7.84,7.71,7.77,7.77,0,0,1,7.84-7.71M464.77,371.1l8.4-1.5c.55-7.88.85-19.43.85-27.7V328.13c0-12.14-.3-18.35-.85-22.73l-9.5-1.51v-3.72a113.16,113.16,0,0,0,19.13-3.74h2.93c-.14,6.64-.55,13.35-.55,31.7V341.9c0,11.85.55,21.21.83,27.7l8.39,1.5v3.75c-4.87-.3-9.91-.44-14.79-.44s-9.94.14-14.84.44Z" fill="#676767"/><path d="M646.14,37a19.1,19.1,0,1,0,19.1-19.08A19.06,19.06,0,0,0,646.14,37" fill="#676767"/><g clip-path="url(#clip-path-7)"><rect x="646.14" y="17.93" width="38.19" height="38.14" fill="#676767"/></g><path d="M514.08,353.88,511,362c3.63,3.19,12.16,7.6,22,7.6,8.09,0,19.26-4.67,19.26-13.9,0-8.44-3.33-10.76-23.74-17-13.54-4.14-23.73-8.15-23.73-20.53,0-11.85,10.32-21.78,31.27-21.78a72.16,72.16,0,0,1,22.78,3.73c-2,4.67-4,9.62-5.87,15.16l-3.06-.83.26-6.74a38.5,38.5,0,0,0-18.28-4.42c-8,0-16.78,3.17-16.78,11.3,0,18.86,47.5,9.91,47.5,36.78,0,14.75-15.08,25.08-32.68,25.08-7.56,0-20-2.22-29.61-9.53a140.35,140.35,0,0,0,10.6-14.71Z" fill="#676767"/><path d="M611.6,364.77c-3.91,5.66-9.1,11.72-18.74,11.72-6,0-15.91-4.27-15.91-17.63,0-9,.42-17.25.42-24.12V304.56c-2.93,0-6,.41-9,.56v-4.27l9-2.35c-.13-6.34-.56-12.12-.82-18A69.51,69.51,0,0,0,589,277.15c-.14,7.15-.41,14.05-.41,21.35h14.53a23.48,23.48,0,0,0,4.47-.42L604.75,305a53.42,53.42,0,0,0-8.79-.41h-7.4v42c0,17.91,3.6,20.93,9.77,20.93,4,0,7.68-2.89,10.6-5.37Z" fill="#676767"/><path d="M616.36,371.1l8.36-1.5c.57-7.88.85-19.43.85-27.7V328.13c0-12.14-.28-18.35-.85-22.73l-9.49-1.51v-3.72a113.6,113.6,0,0,0,19.16-3.74h2.92l-2.1,22.32.28.26c3.62-8.25,11.86-22.58,23.61-22.58a20.23,20.23,0,0,1,8.66,1.79c-2.37,5.1-5.45,11.86-7.41,17.1l-3-1.11v-7a5,5,0,0,0-3.19-1c-3.2,0-10.06,3.42-14.25,14-3.36,8.54-3.22,15.57-3.22,21.63,0,11.85.57,21.21.84,27.7,3.63.53,7.27,1,10.89,1.5v3.75c-7.39-.3-12.42-.44-17.31-.44s-9.93.14-14.8.44Z" fill="#676767"/><path d="M694.59,367.52c12.27,0,25-9,25.83-34-1.83-.14-3.35-.28-5.45-.28-11.58,0-34.36,4-34.36,21.64,0,8.14,7.12,12.67,14,12.67m46.09,7.33c-3.48-.3-6.82-.44-10.33-.44a63.88,63.88,0,0,0-7.56.44c-1.95-5.54-2.23-12-2.23-18.63l-.27-.26c-5.17,12.94-16.9,20.53-28.5,20.53-13.4,0-23.18-8.7-23.18-20.65,0-18.19,23.3-28.67,45.11-28.67H721v-5c0-11.44-3.61-18.87-17.87-18.87-6.54,0-15,2.9-19.69,4.95L684,316l-3.23,1a70,70,0,0,0-6.7-14.56c10.21-3.61,17.45-6,29.9-6,14,0,27.52,4.32,27.52,22.74,0,5.52-.7,21.91-.7,29.09,0,5.37.28,15.54,3.91,21.35l6,1.5Z" fill="#676767"/><path d="M790,364.77c-3.93,5.66-9.09,11.72-18.73,11.72-6,0-15.93-4.27-15.93-17.63,0-9,.43-17.25.43-24.12V304.56c-2.94,0-6,.41-8.95.56v-4.27l8.95-2.35c-.16-6.34-.56-12.12-.85-18a68.73,68.73,0,0,0,12.43-3.32c-.13,7.15-.4,14.05-.4,21.35h14.51a23.43,23.43,0,0,0,4.48-.42l-2.8,6.89a53.48,53.48,0,0,0-8.81-.41H767v42c0,17.91,3.62,20.93,9.78,20.93,4,0,7.67-2.89,10.6-5.37Z" fill="#676767"/><path d="M834.42,370.43c22.5,0,25.16-22.05,25.16-33.08,0-16.51-7.44-34.86-27.8-34.86-11.45,0-24.74,8.56-24.74,31.42,0,17.63,6,36.52,27.38,36.52m.27-74c20.7,0,36.9,14.78,36.9,39.28,0,23.85-15.65,40.79-39,40.79-19.56,0-37.59-12.7-37.59-41.32,0-17.39,12.73-38.75,39.68-38.75" fill="#676767"/><path d="M880,371.1l8.38-1.5c.56-7.88.83-19.43.83-27.7V328.13c0-12.14-.27-18.35-.83-22.73l-9.51-1.51v-3.72A112.09,112.09,0,0,0,898,296.43h2.93l-2.09,22.32.29.26c3.63-8.25,11.87-22.58,23.61-22.58a20.39,20.39,0,0,1,8.67,1.79c-2.37,5.1-5.46,11.86-7.42,17.1L921,314.21v-7a5.15,5.15,0,0,0-3.22-1c-3.18,0-10.08,3.42-14.26,14-3.33,8.54-3.19,15.57-3.19,21.63,0,11.85.54,21.21.82,27.7,3.65.53,7.3,1,10.9,1.5v3.75c-7.36-.3-12.43-.44-17.33-.44s-9.92.14-14.79.44Z" fill="#676767"/><path d="M945.2,353.88,942.14,362c3.62,3.19,12.15,7.6,21.93,7.6,8.1,0,19.28-4.67,19.28-13.9,0-8.44-3.35-10.76-23.75-17-13.55-4.14-23.74-8.15-23.74-20.53,0-11.85,10.34-21.78,31.28-21.78a71.94,71.94,0,0,1,22.77,3.73c-2,4.67-4.06,9.62-5.85,15.16l-3.1-.83.3-6.74a38.71,38.71,0,0,0-18.3-4.42c-8,0-16.76,3.17-16.76,11.3,0,18.86,47.51,9.91,47.51,36.78,0,14.75-15.1,25.08-32.7,25.08-7.54,0-20-2.22-29.62-9.53A138.91,138.91,0,0,0,942,352.25Z" fill="#676767"/><path d="M1018.14,359.62h3.22c2.63,0,5.09-.14,5.09-3.12,0-2.62-2.24-2.92-4.25-2.92h-4.06Zm-2.64-8.4h6.92c4.5,0,6.65,1.66,6.65,5.43,0,3.35-2.17,4.8-5,5.11l5.44,8.32h-2.83l-5.19-8.1h-3.35v8.1h-2.64Zm6.1,23.24a13.92,13.92,0,1,0-13.81-13.83,13.72,13.72,0,0,0,13.81,13.83m0-30.2a16.28,16.28,0,1,1-16.44,16.37,16.22,16.22,0,0,1,16.44-16.37" fill="#676767"/></g></g></svg>

Hi everyone - no reply on the missing SVG previews in Perch. Something I've been waiting a long time to resolve. We've used tons of different SVGs, perch never shows the preview thumbnail in the content editor - just shows as empty even though the file is there and does show up on the page normally. But it makes changing and checking content really hard since you can't see what you have. Any help?