title: How to style svg in svelte custom element
body: <p>In &quot;normal&quot; svelte you can use the global modifier, but how to do if you use a web component?</p>
  <pre class="lang-js prettyprint-override"><code>&lt;script lang=&quot;ts&quot;&gt;
    import MyLogo from &quot;./assets/icons/logo.svg&quot;
  &lt;/script&gt;
  
  &lt;MyLogo class=&quot;my-logo&quot; viewBox=&quot;0 0 114 49&quot;/&gt;
  
  &lt;style lang=&quot;scss&quot;&gt;
  :global(.my-logo) {
    ...
  }
  &lt;/style&gt;
  </code></pre>