180 | 181 | {/* Input */} 182 | 183 | 184 | {/* Image */} 185 |
186 |

SVG Preview

187 | {this.state.svgRawCode} 188 |
189 | 190 | 191 |

URL-Encoding

192 | 193 | {/* URL Encoding without spaces */} 194 | Spaces excluded. 195 | 196 | {/* CSS Inline URL-Encoded */} 197 | background-image:url() 198 | 199 | {/* HTML Image URL-Encoded */} 200 | <img src="" > 201 | 202 | {/* HTML Object URL-Encoded */} 203 | <object type="" data="" > 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 |

Base64 Encoded

212 | 213 | {/* Base64 Encoded */} 214 | Single-quotes and Whitespace removed 215 | 216 | {/* CSS Inline Base64 */} 217 | background-image:url() 218 | 219 | {/* HTML Image Base64-Encoded */} 220 | <img src="" > 221 | 222 | {/* HTML Object Base64-Encoded */} 223 | <object type="" data="" > 224 | 225 | 226 | 227 | 228 |

Alterations

229 | 230 | {/* One-Liner */} 231 | Removed newlines and extra whitespace 232 | 233 | {/* Single Quotes */} 234 | Convert all quotes to singles 235 | 236 | {/* Double Quotes */} 237 | Convert all quotes to doubles 238 | 239 | {/* No Colour */} 240 | Removed All Fills and Strokes 241 | 242 | {/* No Transforms */} 243 | Removed All Transforms 244 | 245 | {/* No Groups */} 246 | Removed All Groups 247 | 248 | 249 | 250 | 251 |

Other Encodings

252 | 253 | {/* Encode using encodeURI() */} 254 | encodeURI(svg) 255 | 256 | {/* Encode using encodeURIComponent() */} 257 | encodeURIComponent(svg) 258 | 259 | 260 | 261 |