Skip to content

Instantly share code, notes, and snippets.

@mbritton

mbritton/pin_icon.svg

Created October 17, 2017 01:14
Show Gist options
  • Save mbritton/cbb8bfeb022975fb96572766f68f0788 to your computer and use it in GitHub Desktop.
Save mbritton/cbb8bfeb022975fb96572766f68f0788 to your computer and use it in GitHub Desktop.
Download ZIP
Pin Icon
Display the source blob
Display the rendered blob
Raw
pin_icon.svg
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="800px" height="800px" viewBox="0 0 800 800" enable-background="new 0 0 800 800" xml:space="preserve">
<path fill="#FFFFFF" d="M511.799,390H520V83.953C567,67.828,596.308,42,596.308,16H203.694c0,26,29.306,51.828,76.306,67.953V390h8.201c-92.93,16-157.539,61-157.539,108H377v288h48V498h244.338C669.338,451,604.73,406,511.799,390z"/>
</svg>
@Joshuasony
Copy link

Joshuasony commented Dec 14, 2017 •
edited

Thanks so much for the much needed and discussed ("material design") pin icon, much appreciated!
When I changed the color, I noticed little cuts (don't know how to describe it better), check them out on this screenshot:
grafik

Now I created a new one myself which is almost identical, with the following enhancements:

  • doesn't have the cuts
  • is fitted into the canvas of 24px to nicely scale with other material design icons
  • has space around it so to prevent browsers from blurring out icon edges
  • is already cleaned with SVGOMG

You can see it here: https://gist.github.com/Joshuasony/3a1bc3e78c5c65db43a9b7240294bd48

@mbritton
Copy link
Author

Thanks so much for the improvements!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment