How to add custom logo to the repository side bar in the Bitbucket Server Plugin?

[Dylan Longlands]

I am trying to add a custom logo to a new link that we have added in our side panel of the repository view in the Bitbucket Server Plugin, but cannot get the image to show. Is there anything additional I need to add? 

I found this example here and followed it but no joy. Any advice would be appreciated. Thank you!

My `atlassian-plugin.xml`

Web resource: 

<web-resource key="logo" name="Logo">
    <resource type="download" name="icon.css" location="css/icon.css"/>
    <resource type="download" name="Logo.svg" location="images/Logo.svg">
        <param name="content-type" value="image/svg+xml"/>
    </resource>
    <context>bitbucket.repository.nav</context>
</web-resource>

Web item:

<web-item ....>
   ...
   ...
   <param name="iconClass" value="aui-icon-large icon"
</web-item> 

CSS: 

.icon {
    background-image: url("../images/Logo.svg")
}