BASELINE NowYouCanUse.com
Widely Available SVG
id: svg

SVG

The SVG image format, represented by the <svg> element, creates two-dimensional vector graphics with declarative or scripted interaction and animation.
Baseline Status: Achieved Widely Available on Jul 15, 2022 (Cross-browser Newly Available since Jan 15, 2020).
Desktop Browser Engine Support
Google Chrome
1
Supported
Mozilla Firefox
3
Supported
Apple Safari
3
Supported
Microsoft Edge
79
Supported
Mobile Browser Engine Support
Chrome Android
18
Firefox Android
4
Safari iOS
2
Specifications and References
MDN Browser Compat Data Keys:
api.CanvasRenderingContext2D.drawImage.SVGImageElement_source_image api.DOMParser.parseFromString.svg api.SVGAElement api.SVGAElement.href api.SVGAElement.hreflang api.SVGAElement.referrerPolicy api.SVGAElement.rel api.SVGAElement.relList api.SVGAElement.target api.SVGAElement.type api.SVGAngle api.SVGAngle.convertToSpecifiedUnits api.SVGAngle.newValueSpecifiedUnits api.SVGAngle.unitType api.SVGAngle.value api.SVGAngle.valueAsString api.SVGAngle.valueInSpecifiedUnits api.SVGCircleElement api.SVGCircleElement.cx api.SVGCircleElement.cy api.SVGCircleElement.r api.SVGComponentTransferFunctionElement api.SVGComponentTransferFunctionElement.amplitude api.SVGComponentTransferFunctionElement.exponent api.SVGComponentTransferFunctionElement.intercept api.SVGComponentTransferFunctionElement.offset api.SVGComponentTransferFunctionElement.slope api.SVGComponentTransferFunctionElement.tableValues api.SVGComponentTransferFunctionElement.type api.SVGDefsElement api.SVGDescElement api.SVGElement api.SVGElement.attributeStyleMap api.SVGElement.blur api.SVGElement.error_event api.SVGElement.focus api.SVGElement.focus.options_preventScroll_parameter api.SVGElement.load_event api.SVGElement.nonce api.SVGElement.ownerSVGElement api.SVGElement.style api.SVGElement.tabIndex api.SVGElement.viewportElement api.SVGEllipseElement api.SVGEllipseElement.cx api.SVGEllipseElement.cy api.SVGEllipseElement.rx api.SVGEllipseElement.ry api.SVGForeignObjectElement api.SVGForeignObjectElement.height api.SVGForeignObjectElement.width api.SVGForeignObjectElement.x api.SVGForeignObjectElement.y api.SVGGElement api.SVGGeometryElement api.SVGGeometryElement.getPointAtLength api.SVGGeometryElement.getTotalLength api.SVGGeometryElement.isPointInFill api.SVGGeometryElement.isPointInFill.point_parameter_DOMPoint api.SVGGeometryElement.isPointInStroke api.SVGGeometryElement.isPointInStroke.point_parameter_DOMPoint api.SVGGeometryElement.pathLength api.SVGGradientElement api.SVGGradientElement.gradientTransform api.SVGGradientElement.gradientUnits api.SVGGradientElement.href api.SVGGradientElement.spreadMethod api.SVGGraphicsElement api.SVGGraphicsElement.getBBox api.SVGGraphicsElement.getCTM api.SVGGraphicsElement.getScreenCTM api.SVGGraphicsElement.requiredExtensions api.SVGGraphicsElement.systemLanguage api.SVGGraphicsElement.transform api.SVGImageElement api.SVGImageElement.crossOrigin api.SVGImageElement.decode api.SVGImageElement.decoding api.SVGImageElement.height api.SVGImageElement.href api.SVGImageElement.preserveAspectRatio api.SVGImageElement.width api.SVGImageElement.x api.SVGImageElement.y api.SVGLength api.SVGLength.convertToSpecifiedUnits api.SVGLength.newValueSpecifiedUnits api.SVGLength.unitType api.SVGLength.value api.SVGLength.valueAsString api.SVGLength.valueInSpecifiedUnits api.SVGLengthList api.SVGLengthList.appendItem api.SVGLengthList.clear api.SVGLengthList.getItem api.SVGLengthList.initialize api.SVGLengthList.insertItemBefore api.SVGLengthList.length api.SVGLengthList.numberOfItems api.SVGLengthList.removeItem api.SVGLengthList.replaceItem api.SVGLineElement api.SVGLineElement.x1 api.SVGLineElement.x2 api.SVGLineElement.y1 api.SVGLineElement.y2 api.SVGLinearGradientElement api.SVGLinearGradientElement.x1 api.SVGLinearGradientElement.x2 api.SVGLinearGradientElement.y1 api.SVGLinearGradientElement.y2 api.SVGMPathElement api.SVGMPathElement.href api.SVGMarkerElement api.SVGMarkerElement.markerHeight api.SVGMarkerElement.markerUnits api.SVGMarkerElement.markerWidth api.SVGMarkerElement.orient api.SVGMarkerElement.orientAngle api.SVGMarkerElement.orientType api.SVGMarkerElement.preserveAspectRatio api.SVGMarkerElement.refX api.SVGMarkerElement.refY api.SVGMarkerElement.setOrientToAngle api.SVGMarkerElement.setOrientToAuto api.SVGMarkerElement.viewBox api.SVGMaskElement api.SVGMaskElement.height api.SVGMaskElement.maskContentUnits api.SVGMaskElement.maskUnits api.SVGMaskElement.width api.SVGMaskElement.x api.SVGMaskElement.y api.SVGMetadataElement api.SVGNumber api.SVGNumber.value api.SVGNumberList api.SVGNumberList.appendItem api.SVGNumberList.clear api.SVGNumberList.getItem api.SVGNumberList.initialize api.SVGNumberList.insertItemBefore api.SVGNumberList.length api.SVGNumberList.numberOfItems api.SVGNumberList.removeItem api.SVGNumberList.replaceItem api.SVGPathElement api.SVGPatternElement api.SVGPatternElement.height api.SVGPatternElement.href api.SVGPatternElement.patternContentUnits api.SVGPatternElement.patternTransform api.SVGPatternElement.patternUnits api.SVGPatternElement.preserveAspectRatio api.SVGPatternElement.viewBox api.SVGPatternElement.width api.SVGPatternElement.x api.SVGPatternElement.y api.SVGPointList api.SVGPointList.appendItem api.SVGPointList.clear api.SVGPointList.getItem api.SVGPointList.initialize api.SVGPointList.insertItemBefore api.SVGPointList.length api.SVGPointList.numberOfItems api.SVGPointList.removeItem api.SVGPointList.replaceItem api.SVGPolygonElement api.SVGPolygonElement.points api.SVGPolylineElement api.SVGPolylineElement.points api.SVGPreserveAspectRatio api.SVGPreserveAspectRatio.align api.SVGPreserveAspectRatio.meetOrSlice api.SVGRadialGradientElement api.SVGRadialGradientElement.cx api.SVGRadialGradientElement.cy api.SVGRadialGradientElement.fr api.SVGRadialGradientElement.fx api.SVGRadialGradientElement.fy api.SVGRadialGradientElement.r api.SVGRect api.SVGRect.height api.SVGRect.width api.SVGRect.x api.SVGRect.y api.SVGRectElement api.SVGRectElement.height api.SVGRectElement.rx api.SVGRectElement.ry api.SVGRectElement.width api.SVGRectElement.x api.SVGRectElement.y api.SVGSVGElement api.SVGSVGElement.checkEnclosure api.SVGSVGElement.checkIntersection api.SVGSVGElement.createSVGAngle api.SVGSVGElement.createSVGLength api.SVGSVGElement.createSVGMatrix api.SVGSVGElement.createSVGNumber api.SVGSVGElement.createSVGPoint api.SVGSVGElement.createSVGRect api.SVGSVGElement.createSVGTransform api.SVGSVGElement.createSVGTransformFromMatrix api.SVGSVGElement.currentScale api.SVGSVGElement.currentTranslate api.SVGSVGElement.deselectAll api.SVGSVGElement.getCurrentTime api.SVGSVGElement.getElementById api.SVGSVGElement.getEnclosureList api.SVGSVGElement.getIntersectionList api.SVGSVGElement.height api.SVGSVGElement.preserveAspectRatio api.SVGSVGElement.setCurrentTime api.SVGSVGElement.viewBox api.SVGSVGElement.width api.SVGSVGElement.x api.SVGSVGElement.y api.SVGScriptElement api.SVGScriptElement.async api.SVGScriptElement.crossOrigin api.SVGScriptElement.defer api.SVGScriptElement.href api.SVGScriptElement.type api.SVGSetElement api.SVGStopElement api.SVGStopElement.offset api.SVGStringList api.SVGStringList.appendItem api.SVGStringList.clear api.SVGStringList.getItem api.SVGStringList.initialize api.SVGStringList.insertItemBefore api.SVGStringList.length api.SVGStringList.numberOfItems api.SVGStringList.removeItem api.SVGStringList.replaceItem api.SVGStyleElement api.SVGStyleElement.disabled api.SVGStyleElement.media api.SVGStyleElement.sheet api.SVGStyleElement.title api.SVGSwitchElement api.SVGSymbolElement api.SVGSymbolElement.preserveAspectRatio api.SVGSymbolElement.viewBox api.SVGTSpanElement api.SVGTextContentElement api.SVGTextContentElement.getCharNumAtPosition api.SVGTextContentElement.getComputedTextLength api.SVGTextContentElement.getEndPositionOfChar api.SVGTextContentElement.getExtentOfChar api.SVGTextContentElement.getNumberOfChars api.SVGTextContentElement.getRotationOfChar api.SVGTextContentElement.getStartPositionOfChar api.SVGTextContentElement.getSubStringLength api.SVGTextContentElement.lengthAdjust api.SVGTextContentElement.textLength api.SVGTextElement api.SVGTextPathElement api.SVGTextPathElement.href api.SVGTextPathElement.method api.SVGTextPathElement.spacing api.SVGTextPathElement.startOffset api.SVGTextPositioningElement api.SVGTextPositioningElement.dx api.SVGTextPositioningElement.dy api.SVGTextPositioningElement.rotate api.SVGTextPositioningElement.x api.SVGTextPositioningElement.y api.SVGTitleElement api.SVGTransform api.SVGTransform.angle api.SVGTransform.matrix api.SVGTransform.setMatrix api.SVGTransform.setRotate api.SVGTransform.setScale api.SVGTransform.setSkewX api.SVGTransform.setSkewY api.SVGTransform.setTranslate api.SVGTransform.type api.SVGTransformList api.SVGTransformList.appendItem api.SVGTransformList.clear api.SVGTransformList.consolidate api.SVGTransformList.createSVGTransformFromMatrix api.SVGTransformList.getItem api.SVGTransformList.initialize api.SVGTransformList.insertItemBefore api.SVGTransformList.length api.SVGTransformList.numberOfItems api.SVGTransformList.removeItem api.SVGTransformList.replaceItem api.SVGUnitTypes api.SVGUseElement api.SVGUseElement.height api.SVGUseElement.href api.SVGUseElement.width api.SVGUseElement.x api.SVGUseElement.y api.SVGViewElement api.SVGViewElement.preserveAspectRatio api.SVGViewElement.viewBox css.at-rules.font-face.OpenType_SVG css.properties.background-image.svg_images css.properties.background.SVG_image_as_background css.properties.clip-rule css.properties.clip-rule.evenodd css.properties.clip-rule.nonzero css.properties.color-interpolation css.properties.color-interpolation.auto css.properties.color-interpolation.linearGradient css.properties.color-interpolation.sRGB css.properties.cx css.properties.cy css.properties.d css.properties.fill css.properties.fill-rule css.properties.fill-rule.evenodd css.properties.fill-rule.nonzero css.properties.fill.none css.properties.letter-spacing.svg_elements css.properties.marker css.properties.marker-end css.properties.marker-end.none css.properties.marker-mid css.properties.marker-mid.none css.properties.marker-start css.properties.marker-start.none css.properties.marker.none css.properties.r css.properties.rx css.properties.ry css.properties.shape-rendering css.properties.shape-rendering.auto css.properties.stop-color css.properties.stop-color.currentColor css.properties.stop-color.transparent css.properties.stop-opacity css.properties.stroke css.properties.stroke-color css.properties.stroke-color.currentColor css.properties.stroke-color.transparent css.properties.stroke-dasharray css.properties.stroke-dasharray.none css.properties.stroke-dashoffset css.properties.stroke-linecap css.properties.stroke-linecap.butt css.properties.stroke-linecap.round css.properties.stroke-linecap.square css.properties.stroke-linejoin css.properties.stroke-linejoin.bevel css.properties.stroke-linejoin.miter css.properties.stroke-linejoin.round css.properties.stroke-miterlimit css.properties.stroke-width css.properties.stroke.none css.properties.text-anchor css.properties.text-anchor.end css.properties.text-anchor.middle css.properties.text-anchor.start css.properties.text-rendering css.properties.text-rendering.auto css.properties.text-rendering.geometricPrecision css.properties.transform-origin.svg_elements css.properties.vector-effect css.properties.word-spacing.svg_elements css.properties.x css.properties.y svg.elements.a svg.elements.a.href svg.elements.a.hreflang svg.elements.a.referrerpolicy svg.elements.a.referrerpolicy.no-referrer-when-downgrade svg.elements.a.referrerpolicy.origin-when-cross-origin svg.elements.a.referrerpolicy.unsafe-url svg.elements.a.rel svg.elements.a.systemLanguage svg.elements.a.target svg.elements.a.type svg.elements.circle svg.elements.circle.cx svg.elements.circle.cy svg.elements.circle.fill svg.elements.circle.r svg.elements.circle.systemLanguage svg.elements.defs svg.elements.defs.systemLanguage svg.elements.desc svg.elements.ellipse svg.elements.ellipse.cx svg.elements.ellipse.cy svg.elements.ellipse.fill svg.elements.ellipse.rx svg.elements.ellipse.ry svg.elements.ellipse.systemLanguage svg.elements.foreignObject svg.elements.foreignObject.height svg.elements.foreignObject.systemLanguage svg.elements.foreignObject.width svg.elements.foreignObject.x svg.elements.foreignObject.y svg.elements.g svg.elements.g.systemLanguage svg.elements.image svg.elements.image.crossorigin svg.elements.image.decoding svg.elements.image.height svg.elements.image.href svg.elements.image.preserveAspectRatio svg.elements.image.systemLanguage svg.elements.image.width svg.elements.image.x svg.elements.image.y svg.elements.line svg.elements.line.systemLanguage svg.elements.line.x1 svg.elements.line.x2 svg.elements.line.y1 svg.elements.line.y2 svg.elements.linearGradient svg.elements.linearGradient.gradientTransform svg.elements.linearGradient.gradientUnits svg.elements.linearGradient.href svg.elements.linearGradient.spreadMethod svg.elements.linearGradient.x1 svg.elements.linearGradient.x2 svg.elements.linearGradient.y1 svg.elements.linearGradient.y2 svg.elements.marker svg.elements.marker.markerHeight svg.elements.marker.markerUnits svg.elements.marker.markerWidth svg.elements.marker.orient svg.elements.marker.refX svg.elements.marker.refY svg.elements.marker.viewBox svg.elements.mask svg.elements.mask.height svg.elements.mask.maskContentUnits svg.elements.mask.maskUnits svg.elements.mask.systemLanguage svg.elements.mask.width svg.elements.mask.x svg.elements.mask.y svg.elements.metadata svg.elements.mpath svg.elements.mpath.href svg.elements.path svg.elements.path.d svg.elements.path.d.path svg.elements.path.fill svg.elements.path.systemLanguage svg.elements.pattern svg.elements.pattern.height svg.elements.pattern.href svg.elements.pattern.patternContentUnits svg.elements.pattern.patternTransform svg.elements.pattern.patternUnits svg.elements.pattern.systemLanguage svg.elements.pattern.width svg.elements.pattern.x svg.elements.pattern.y svg.elements.polygon svg.elements.polygon.fill svg.elements.polygon.points svg.elements.polygon.systemLanguage svg.elements.polyline svg.elements.polyline.fill svg.elements.polyline.points svg.elements.polyline.systemLanguage svg.elements.radialGradient svg.elements.radialGradient.cx svg.elements.radialGradient.cy svg.elements.radialGradient.fr svg.elements.radialGradient.fx svg.elements.radialGradient.fy svg.elements.radialGradient.gradientTransform svg.elements.radialGradient.gradientUnits svg.elements.radialGradient.href svg.elements.radialGradient.r svg.elements.radialGradient.spreadMethod svg.elements.rect svg.elements.rect.fill svg.elements.rect.height svg.elements.rect.rx svg.elements.rect.ry svg.elements.rect.systemLanguage svg.elements.rect.width svg.elements.rect.x svg.elements.rect.y svg.elements.script svg.elements.script.async svg.elements.script.defer svg.elements.script.href svg.elements.script.type svg.elements.set svg.elements.set.fill svg.elements.set.href svg.elements.set.systemLanguage svg.elements.set.to svg.elements.stop svg.elements.stop.offset svg.elements.style svg.elements.style.media svg.elements.style.title svg.elements.style.type svg.elements.svg svg.elements.svg.height svg.elements.svg.preserveAspectRatio svg.elements.svg.systemLanguage svg.elements.svg.viewBox svg.elements.svg.width svg.elements.svg.x svg.elements.svg.y svg.elements.switch svg.elements.switch.systemLanguage svg.elements.symbol svg.elements.symbol.preserveAspectRatio svg.elements.symbol.viewBox svg.elements.text svg.elements.text.dx svg.elements.text.dy svg.elements.text.fill svg.elements.text.lengthAdjust svg.elements.text.rotate svg.elements.text.systemLanguage svg.elements.text.textLength svg.elements.text.x svg.elements.text.y svg.elements.textPath svg.elements.textPath.fill svg.elements.textPath.href svg.elements.textPath.path svg.elements.textPath.side svg.elements.textPath.spacing svg.elements.textPath.startOffset svg.elements.textPath.systemLanguage svg.elements.textPath.textLength svg.elements.title svg.elements.title.tooltip_display svg.elements.tspan svg.elements.tspan.dx svg.elements.tspan.dy svg.elements.tspan.fill svg.elements.tspan.lengthAdjust svg.elements.tspan.rotate svg.elements.tspan.systemLanguage svg.elements.tspan.textLength svg.elements.tspan.x svg.elements.tspan.y svg.elements.use svg.elements.use.data_uri svg.elements.use.external_uri svg.elements.use.height svg.elements.use.href svg.elements.use.systemLanguage svg.elements.use.width svg.elements.use.x svg.elements.use.y svg.elements.view svg.elements.view.preserveAspectRatio svg.elements.view.viewBox svg.global_attributes.alignment-baseline svg.global_attributes.baseline-shift svg.global_attributes.class svg.global_attributes.clip-rule svg.global_attributes.color svg.global_attributes.color-interpolation svg.global_attributes.color-interpolation-filters svg.global_attributes.color-interpolation.linearGradient svg.global_attributes.color-interpolation.sRGB svg.global_attributes.data_attributes svg.global_attributes.direction svg.global_attributes.display svg.global_attributes.dominant-baseline svg.global_attributes.fill-rule svg.global_attributes.id svg.global_attributes.image-rendering svg.global_attributes.lang svg.global_attributes.lighting-color svg.global_attributes.marker-end svg.global_attributes.marker-mid svg.global_attributes.marker-start svg.global_attributes.mask svg.global_attributes.overflow svg.global_attributes.pointer-events svg.global_attributes.requiredExtensions svg.global_attributes.requiredExtensions.mathml svg.global_attributes.shape-rendering svg.global_attributes.stop-color svg.global_attributes.stop-opacity svg.global_attributes.stroke svg.global_attributes.stroke-dasharray svg.global_attributes.stroke-dashoffset svg.global_attributes.stroke-linecap svg.global_attributes.stroke-linejoin svg.global_attributes.stroke-miterlimit svg.global_attributes.stroke-width svg.global_attributes.style svg.global_attributes.tabindex svg.global_attributes.text-anchor svg.global_attributes.text-decoration svg.global_attributes.text-rendering svg.global_attributes.transform svg.global_attributes.transform-origin svg.global_attributes.unicode-bidi svg.global_attributes.vector-effect svg.global_attributes.visibility