Mobile app version of vmapp.org
Login or Join
Cody3331749

: Is there a way to export a SVG that's under 'class=' on a website? Is there a way to download/export the svg under: <span class="connect-device-list-item__connect-icon spoticon-spotify-connect-16"></span>

@Cody3331749

Posted in: #Svg

Is there a way to download/export the svg under:

<span class="connect-device-list-item__connect-icon spoticon-spotify-connect-16"></span>


from open.spotify.com ?



Where I should look to find the SVG code? In a linked file?

I've tried to search in this file liked in the head of the page: open.scdn.co/static/web-player.981ff160.css but there are only css color tags like "{color:#404040}".

How I should locate a SVG on a website like this?
I've tried two bookmarklets and they don't work on the page.
Also tried a chrome extension but it doesn't "grab" that svg. Only the logo, a few more svgs.

This is the inspect element:

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Cody3331749

1 Comments

Sorted by latest first Latest Oldest Best

 

@Berryessa866

That's not an SVG, it is an icon font (which is in reality, the same as any other font).

The content: "F1A3" CSS rule shows us the codepoint of the character in the font itself and font-family: glue1-spoticon; gives us the name of the font.

You'll find the font in the "Application" tab of Chrome's Developer Tools, or you can find a @font -face rule somewhere in the CSS (which may or may not be the same CSS file the icon is used in), that defines a font called glue1-spoticon; where you'll find the URLs (probably in a few different formats) of the font.

...With all of that said, the font is likely (not that I've checked) a proprietary font that you don't have the rights to use. Just because you can download something, don't assume you have the right to use it yourself.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme