Added Guidelines

Ref #91

README.md

@@ -169,6 +169,15 @@ I'd *love* you to submit something 😸 The rules are simple, your icon must:
 * have solid colours. No gradients or fades.
 * represent a popular service's current logo.
 
+### Guidelines
+
+This is the standard guideline. Use this to help with sizing yout icons and they will look good no matter what border radius is chosen.
+<img src="https://edent.github.io/SuperTinyIcons/images/guidelines/guideline.svg" width="256" alt="A template for logos" />
+
+* **Green** is the safe zone, where the main body of the icon should be.
+* **Yellow** is like a road shoulder, it is there if more space is needed. It should be used for protruding elements, like corners or ornaments.
+* **Red** is off limits. It should not be touched by the icons. Red is also how a circular icon would look.
+
 ## Licenses
 
 The majority of these vector logos are based on someone else's work.

guidelines/Instructions.md

@@ -1,13 +0,0 @@
-# Guidelines
-
-This is the standard guideline. It helps with sizing for both square and circle icons, so they would look good no matter what border radius is chosen.
-
-* **Green** is the safe zone, where the main body of the icon should be.
-    
-* **Yellow** is like a road shoulder, it's there if more space is needed. It should be used for protruding elements, like corners or ornaments.
-
-* **Red** is off limits. It should not be touched by the icons. Red is also how a circular icon would look.
-
-——
-
-Needless to say, these are just guides. If they don't accommodate a certain shape, then they shouldn't be followed strictly.