SVG Images

This website's logo is powered by both SVG and imagemagick. Here's the SVG:

<svg
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    height="500"
    width="500">

  <circle
      cx="250"
      cy="250"
      r="200"
      fill="black"
      stroke="black"
      stroke-width="4"/>

  <polygon
      points="250 2, 447 398, 53 398"
      stroke="black"
      fill="gold"
      stroke-width="4"/>

  <polygon
      points="250 396, 151 210, 348 210"
      stroke="black"
      fill="black"
      stroke-width="2"/>

</svg>

You can paste this into jsfiddle.net and tweak from there.

Imagemagick

I was introduced to imagemagick during a project I worked on in which images had to be resized for a well-known website.

Generating a PNG File

Here's a shell script to convert the SVG to PNG:

magick convert -background transparent logo.svg logo.png

Generating a Favicon (ICO file)

magick convert -background transparent -resize '64x64' logo.svg favicon.ico