How to get svg from the site

#beginners #tutorial #design #frontend

If you see the use tag inside the svg - it means that the picture is used by reference, i.e. it is rendered once in the house and then in all other places it is used by reference, how to pull it out:

1. Open the DOM tree

2. Find the link that uses the image (in our case xlink:href="#svg-icon-logo")

3. Press ctrl+f and paste this #svg-icon-logo ID into it
4. Find the symbol tag with the same id, expand it and see the part of our svg

5. Copy this element

6. Create a file with the extension .svg, open it with Notebook
7. Take a standard svg tag from any other svg

8. Plug in the data from symbol, replace the properties width="16" height="17" viewBox="0 0 16 17" in the svg tag with those specified in symbol, in our case it is viewBox="0 0 0 465 146", the last two digits are width and height.

9. Get svg