SVG Optimizer & Data URI

1610 B Original Size

646 B Optimized Size

964 B (59.9%) Bytes Saved

Source & Cleanup Passes

Raw SVG Input

Coordinate Decimal Precision: 2 decimal places

Paste Raw SVG Markup

<?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 xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
     xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
     xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
     inkscape:version="1.3.2"
     sodipodi:docname="badge-icon.svg"
     viewBox="0 0 240 240"
     width="240"
     height="240">
  <metadata>
    <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
      <rdf:Description rdf:about="Sample vector metadata" />
    </rdf:RDF>
  </metadata>
  <desc>Created with vector illustration software</desc>
  <defs>
    <linearGradient id="orbGrad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#7de2d1" />
      <stop offset="100%" stop-color="#70a9ff" />
    </linearGradient>
  </defs>
  <g id="Empty-Layer" sketch:type="MSLayerGroup">
  </g>
  <g id="Main-Artwork" inkscape:label="Layer 1">
    <circle cx="120.00000" cy="120.00000" r="96.482914" fill="url(#orbGrad)" opacity="0.18000" />
    <path d="M 120.0000 42.34891 L 143.91827 90.81239 L 197.39182 98.58291 L 158.69591 136.30192 L 167.83192 189.56912 L 120.0000 164.42109 L 72.16808 189.56912 L 81.30409 136.30192 L 42.60818 98.58291 L 96.08173 90.81239 Z"
          fill="url(#orbGrad)"
          stroke="#7de2d1"
          stroke-width="4.50000"
          stroke-linejoin="round" />
  </g>
</svg>

Vector Preview & Encodings

Rendered Output

Checkerboard Backdrop

Optimized SVG Markup

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 240 240" width="240" height="240"><defs><linearGradient id="orbGrad" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#7de2d1"/><stop offset="100%" stop-color="#70a9ff"/></linearGradient></defs><g id="Main-Artwork"><circle cx="120" cy="120" r="96.48" fill="url(#orbGrad)" opacity="0.18"/><path d="M 120 42.35 L 143.92 90.81 L 197.39 98.58 L 158.7 136.3 L 167.83 189.57 L 120 164.42 L 72.17 189.57 L 81.3 136.3 L 42.61 98.58 L 96.08 90.81 Z" fill="url(#orbGrad)" stroke="#7de2d1" stroke-width="4.5" stroke-linejoin="round"/></g></svg>

CSS background-image Data URI

background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 240 240' width='240' height='240'%3E%3Cdefs%3E%3ClinearGradient id='orbGrad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%237de2d1'/%3E%3Cstop offset='100%25' stop-color='%2370a9ff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Main-Artwork'%3E%3Ccircle cx='120' cy='120' r='96.48' fill='url(%23orbGrad)' opacity='0.18'/%3E%3Cpath d='M 120 42.35 L 143.92 90.81 L 197.39 98.58 L 158.7 136.3 L 167.83 189.57 L 120 164.42 L 72.17 189.57 L 81.3 136.3 L 42.61 98.58 L 96.08 90.81 Z' fill='url(%23orbGrad)' stroke='%237de2d1' stroke-width='4.5' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");

Base64 img src

data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQwIDI0MCIgd2lkdGg9IjI0MCIgaGVpZ2h0PSIyNDAiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0ib3JiR3JhZCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkZTJkMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzcwYTlmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxnIGlkPSJNYWluLUFydHdvcmsiPjxjaXJjbGUgY3g9IjEyMCIgY3k9IjEyMCIgcj0iOTYuNDgiIGZpbGw9InVybCgjb3JiR3JhZCkiIG9wYWNpdHk9IjAuMTgiLz48cGF0aCBkPSJNIDEyMCA0Mi4zNSBMIDE0My45MiA5MC44MSBMIDE5Ny4zOSA5OC41OCBMIDE1OC43IDEzNi4zIEwgMTY3LjgzIDE4OS41NyBMIDEyMCAxNjQuNDIgTCA3Mi4xNyAxODkuNTcgTCA4MS4zIDEzNi4zIEwgNDIuNjEgOTguNTggTCA5Ni4wOCA5MC44MSBaIiBmaWxsPSJ1cmwoI29yYkdyYWQpIiBzdHJva2U9IiM3ZGUyZDEiIHN0cm9rZS13aWR0aD0iNC41IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9nPjwvc3ZnPg==

Related in Images & Design

More tools in this category

View all tools →

Raw SVG Input

Rendered Output

More tools in this category

Color Palette

Image Converter

Image Resizer

Image Cropper