Amended all icons

resources-icons-18-w/error.svg

@@ -5,5 +5,8 @@
     text.large { font: bold 600px sans-serif; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<text class="large colour2" dominant-baseline="middle" text-anchor="middle" x="480" y="520">!</text>
+<g class="colour2">
+<rect height="360" rx="40" ry="40" width="120" x="420" y="220"/>
+<circle cx="480" cy="710" r="60"/>
+</g>
 </svg>

resources-icons-18-w/info_type.svg

@@ -4,6 +4,8 @@
     .colour2 { fill: #ffffff; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<rect class="colour2" height="360" width="120" x="420" y="410"/>
+<g class="colour2">
-<circle class="colour2" cx="480" cy="280" r="60"/>
+<circle cx="480" cy="280" r="60"/>
+<rect height="360" rx="40" ry="40" width="120" x="420" y="410"/>
+</g>
 </svg>

resources-icons-18/error.svg

@@ -5,5 +5,8 @@
     text.large { font: bold 600px sans-serif; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<text class="large colour2" dominant-baseline="middle" text-anchor="middle" x="480" y="520">!</text>
+<g class="colour2">
+<rect height="360" rx="40" ry="40" width="120" x="420" y="220"/>
+<circle cx="480" cy="710" r="60"/>
+</g>
 </svg>

resources-icons-18/info_type.svg

@@ -4,6 +4,8 @@
     .colour2 { fill: #00ccff; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<rect class="colour2" height="360" width="120" x="420" y="410"/>
+<g class="colour2">
-<circle class="colour2" cx="480" cy="280" r="60"/>
+<circle cx="480" cy="280" r="60"/>
+<rect height="360" rx="40" ry="40" width="120" x="420" y="410"/>
+</g>
 </svg>

resources-icons-21-w/error.svg

@@ -5,5 +5,8 @@
     text.large { font: bold 600px sans-serif; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<text class="large colour2" dominant-baseline="middle" text-anchor="middle" x="480" y="520">!</text>
+<g class="colour2">
+<rect height="360" rx="40" ry="40" width="120" x="420" y="220"/>
+<circle cx="480" cy="710" r="60"/>
+</g>
 </svg>

resources-icons-21-w/info_type.svg

@@ -4,6 +4,8 @@
     .colour2 { fill: #ffffff; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<rect class="colour2" height="360" width="120" x="420" y="410"/>
+<g class="colour2">
-<circle class="colour2" cx="480" cy="280" r="60"/>
+<circle cx="480" cy="280" r="60"/>
+<rect height="360" rx="40" ry="40" width="120" x="420" y="410"/>
+</g>
 </svg>

resources-icons-21/error.svg

@@ -5,5 +5,8 @@
     text.large { font: bold 600px sans-serif; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<text class="large colour2" dominant-baseline="middle" text-anchor="middle" x="480" y="520">!</text>
+<g class="colour2">
+<rect height="360" rx="40" ry="40" width="120" x="420" y="220"/>
+<circle cx="480" cy="710" r="60"/>
+</g>
 </svg>

resources-icons-21/info_type.svg

@@ -4,6 +4,8 @@
     .colour2 { fill: #00ccff; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<rect class="colour2" height="360" width="120" x="420" y="410"/>
+<g class="colour2">
-<circle class="colour2" cx="480" cy="280" r="60"/>
+<circle cx="480" cy="280" r="60"/>
+<rect height="360" rx="40" ry="40" width="120" x="420" y="410"/>
+</g>
 </svg>

resources-icons-24/error.svg

@@ -5,5 +5,8 @@
     text.large { font: bold 600px sans-serif; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<text class="large colour2" dominant-baseline="middle" text-anchor="middle" x="480" y="520">!</text>
+<g class="colour2">
+<rect height="360" rx="40" ry="40" width="120" x="420" y="220"/>
+<circle cx="480" cy="710" r="60"/>
+</g>
 </svg>

resources-icons-24/info_type.svg

@@ -4,6 +4,8 @@
     .colour2 { fill: #00ccff; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<rect class="colour2" height="360" width="120" x="420" y="410"/>
+<g class="colour2">
-<circle class="colour2" cx="480" cy="280" r="60"/>
+<circle cx="480" cy="280" r="60"/>
+<rect height="360" rx="40" ry="40" width="120" x="420" y="410"/>
+</g>
 </svg>

resources-icons-26/error.svg

@@ -5,5 +5,8 @@
     text.large { font: bold 600px sans-serif; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<text class="large colour2" dominant-baseline="middle" text-anchor="middle" x="480" y="520">!</text>
+<g class="colour2">
+<rect height="360" rx="40" ry="40" width="120" x="420" y="220"/>
+<circle cx="480" cy="710" r="60"/>
+</g>
 </svg>

resources-icons-26/info_type.svg

@@ -4,6 +4,8 @@
     .colour2 { fill: #00ccff; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<rect class="colour2" height="360" width="120" x="420" y="410"/>
+<g class="colour2">
-<circle class="colour2" cx="480" cy="280" r="60"/>
+<circle cx="480" cy="280" r="60"/>
+<rect height="360" rx="40" ry="40" width="120" x="420" y="410"/>
+</g>
 </svg>

resources-icons-28/error.svg

@@ -5,5 +5,8 @@
     text.large { font: bold 600px sans-serif; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<text class="large colour2" dominant-baseline="middle" text-anchor="middle" x="480" y="520">!</text>
+<g class="colour2">
+<rect height="360" rx="40" ry="40" width="120" x="420" y="220"/>
+<circle cx="480" cy="710" r="60"/>
+</g>
 </svg>

resources-icons-28/info_type.svg

@@ -4,6 +4,8 @@
     .colour2 { fill: #00ccff; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<rect class="colour2" height="360" width="120" x="420" y="410"/>
+<g class="colour2">
-<circle class="colour2" cx="480" cy="280" r="60"/>
+<circle cx="480" cy="280" r="60"/>
+<rect height="360" rx="40" ry="40" width="120" x="420" y="410"/>
+</g>
 </svg>

resources-icons-30/error.svg

@@ -5,5 +5,8 @@
     text.large { font: bold 600px sans-serif; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<text class="large colour2" dominant-baseline="middle" text-anchor="middle" x="480" y="520">!</text>
+<g class="colour2">
+<rect height="360" rx="40" ry="40" width="120" x="420" y="220"/>
+<circle cx="480" cy="710" r="60"/>
+</g>
 </svg>

resources-icons-30/info_type.svg

@@ -4,6 +4,8 @@
     .colour2 { fill: #00ccff; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<rect class="colour2" height="360" width="120" x="420" y="410"/>
+<g class="colour2">
-<circle class="colour2" cx="480" cy="280" r="60"/>
+<circle cx="480" cy="280" r="60"/>
+<rect height="360" rx="40" ry="40" width="120" x="420" y="410"/>
+</g>
 </svg>

resources-icons-32/error.svg

@@ -5,5 +5,8 @@
     text.large { font: bold 600px sans-serif; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<text class="large colour2" dominant-baseline="middle" text-anchor="middle" x="480" y="520">!</text>
+<g class="colour2">
+<rect height="360" rx="40" ry="40" width="120" x="420" y="220"/>
+<circle cx="480" cy="710" r="60"/>
+</g>
 </svg>

resources-icons-32/info_type.svg

@@ -4,6 +4,8 @@
     .colour2 { fill: #00ccff; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<rect class="colour2" height="360" width="120" x="420" y="410"/>
+<g class="colour2">
-<circle class="colour2" cx="480" cy="280" r="60"/>
+<circle cx="480" cy="280" r="60"/>
+<rect height="360" rx="40" ry="40" width="120" x="420" y="410"/>
+</g>
 </svg>

resources-icons-34/error.svg

@@ -5,5 +5,8 @@
     text.large { font: bold 600px sans-serif; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<text class="large colour2" dominant-baseline="middle" text-anchor="middle" x="480" y="520">!</text>
+<g class="colour2">
+<rect height="360" rx="40" ry="40" width="120" x="420" y="220"/>
+<circle cx="480" cy="710" r="60"/>
+</g>
 </svg>

resources-icons-34/info_type.svg

@@ -4,6 +4,8 @@
     .colour2 { fill: #00ccff; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<rect class="colour2" height="360" width="120" x="420" y="410"/>
+<g class="colour2">
-<circle class="colour2" cx="480" cy="280" r="60"/>
+<circle cx="480" cy="280" r="60"/>
+<rect height="360" rx="40" ry="40" width="120" x="420" y="410"/>
+</g>
 </svg>

resources-icons-38/error.svg

@@ -5,5 +5,8 @@
     text.large { font: bold 600px sans-serif; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<text class="large colour2" dominant-baseline="middle" text-anchor="middle" x="480" y="520">!</text>
+<g class="colour2">
+<rect height="360" rx="40" ry="40" width="120" x="420" y="220"/>
+<circle cx="480" cy="710" r="60"/>
+</g>
 </svg>

resources-icons-38/info_type.svg

@@ -4,6 +4,8 @@
     .colour2 { fill: #00ccff; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<rect class="colour2" height="360" width="120" x="420" y="410"/>
+<g class="colour2">
-<circle class="colour2" cx="480" cy="280" r="60"/>
+<circle cx="480" cy="280" r="60"/>
+<rect height="360" rx="40" ry="40" width="120" x="420" y="410"/>
+</g>
 </svg>

resources-icons-42/error.svg

@@ -5,5 +5,8 @@
     text.large { font: bold 600px sans-serif; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<text class="large colour2" dominant-baseline="middle" text-anchor="middle" x="480" y="520">!</text>
+<g class="colour2">
+<rect height="360" rx="40" ry="40" width="120" x="420" y="220"/>
+<circle cx="480" cy="710" r="60"/>
+</g>
 </svg>

resources-icons-42/info_type.svg

@@ -4,6 +4,8 @@
     .colour2 { fill: #00ccff; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<rect class="colour2" height="360" width="120" x="420" y="410"/>
+<g class="colour2">
-<circle class="colour2" cx="480" cy="280" r="60"/>
+<circle cx="480" cy="280" r="60"/>
+<rect height="360" rx="40" ry="40" width="120" x="420" y="410"/>
+</g>
 </svg>

resources-icons-46/error.svg

@@ -5,5 +5,8 @@
     text.large { font: bold 600px sans-serif; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<text class="large colour2" dominant-baseline="middle" text-anchor="middle" x="480" y="520">!</text>
+<g class="colour2">
+<rect height="360" rx="40" ry="40" width="120" x="420" y="220"/>
+<circle cx="480" cy="710" r="60"/>
+</g>
 </svg>

resources-icons-46/info_type.svg

@@ -4,6 +4,8 @@
     .colour2 { fill: #00ccff; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<rect class="colour2" height="360" width="120" x="420" y="410"/>
+<g class="colour2">
-<circle class="colour2" cx="480" cy="280" r="60"/>
+<circle cx="480" cy="280" r="60"/>
+<rect height="360" rx="40" ry="40" width="120" x="420" y="410"/>
+</g>
 </svg>

resources-icons-53/error.svg

@@ -5,5 +5,8 @@
     text.large { font: bold 600px sans-serif; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<text class="large colour2" dominant-baseline="middle" text-anchor="middle" x="480" y="520">!</text>
+<g class="colour2">
+<rect height="360" rx="40" ry="40" width="120" x="420" y="220"/>
+<circle cx="480" cy="710" r="60"/>
+</g>
 </svg>

resources-icons-53/info_type.svg

@@ -4,6 +4,8 @@
     .colour2 { fill: #00ccff; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<rect class="colour2" height="360" width="120" x="420" y="410"/>
+<g class="colour2">
-<circle class="colour2" cx="480" cy="280" r="60"/>
+<circle cx="480" cy="280" r="60"/>
+<rect height="360" rx="40" ry="40" width="120" x="420" y="410"/>
+</g>
 </svg>

resources-icons-55/error.svg

@@ -5,5 +5,8 @@
     text.large { font: bold 600px sans-serif; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<text class="large colour2" dominant-baseline="middle" text-anchor="middle" x="480" y="520">!</text>
+<g class="colour2">
+<rect height="360" rx="40" ry="40" width="120" x="420" y="220"/>
+<circle cx="480" cy="710" r="60"/>
+</g>
 </svg>

resources-icons-55/info_type.svg

@@ -4,6 +4,8 @@
     .colour2 { fill: #00ccff; }
   </style>
 <circle class="colour1" cx="480" cy="480" fill-opacity="0.0" r="400" stroke-width="60"/>
-<rect class="colour2" height="360" width="120" x="420" y="410"/>
+<g class="colour2">
-<circle class="colour2" cx="480" cy="280" r="60"/>
+<circle cx="480" cy="280" r="60"/>
+<rect height="360" rx="40" ry="40" width="120" x="420" y="410"/>
+</g>
 </svg>