converting svg code to svg file

Posted on 2014-07-18
Last Modified: 2014-07-18
I have a svg image that looks like this:

This is the code for my svg image.

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />

Open in new window

How do I convert this svg code to a file with a .svg file extension?

So for example,  I want to save it to a svg file called YellowCircle.svg

See I want to use this svg image on a web page but I don't want to use the code I just want to use the file.

See on my web page I want to use it like this:

 <a href=""><img src="images/YellowCircle.svg"></a> 

Open in new window

Question by:maqskywalker
    1 Comment
    LVL 34

    Accepted Solution

    Save your code as a new html page, then open it in IE or whatever browser you fancy, right click on the svg and choose "Save picture as". Give it a name and enjoy your new svg.


    Featured Post

    IT, Stop Being Called Into Every Meeting

    Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

    Join & Write a Comment

    Suggested Solutions

    Using SQL Scripts we can save all the SQL queries as files that we use very frequently on our database later point of time. This is one of the feature present under SQL Workshop in Oracle Application Express.
    I've been asked to discuss some of the UX activities that I'm using with my team. Here I will share some details about how we approach UX projects.
    Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
    Learn how to use the remote presentation tool in Prezi to allow you to harness the power of this cloud based presentation platform. You can show your presentation with a remote audience using this free tool.

    755 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    24 Experts available now in Live!

    Get 1:1 Help Now