Gradient support added to svg icons

Author: sazedul-haque

classes/Input.php

@@ -380,6 +380,7 @@ public static function allow_iframe( $tags, $context ) {
 	public static function allow_svg( $allowed_tags ) {
 		$svg_tags = array(
 			'svg'      => array(
+				'id'          => true,
 				'class'       => true,
 				'aria-hidden' => true,
 				'aria-label'  => true,
@@ -389,12 +390,17 @@ public static function allow_svg( $allowed_tags ) {
 				'height'      => true,
 				'viewbox'     => true,
 				'fill'        => true,
+				'style'       => true,
 			),
 			'g'        => array(
-				'fill'    => true,
-				'opacity' => true,
+				'id'        => true,
+				'fill'      => true,
+				'opacity'   => true,
+				'transform' => true,
+				'style'     => true,
 			),
 			'path'     => array(
+				'id'                => true,
 				'd'                 => true,
 				'fill'              => true,
 				'stroke'            => true,
@@ -406,8 +412,11 @@ public static function allow_svg( $allowed_tags ) {
 				'fill-rule'         => true,
 				'clip-rule'         => true,
 				'opacity'           => true,
+				'transform'         => true,
+				'style'             => true,
 			),
 			'circle'   => array(
+				'id'                => true,
 				'cx'                => true,
 				'cy'                => true,
 				'r'                 => true,
@@ -419,8 +428,11 @@ public static function allow_svg( $allowed_tags ) {
 				'stroke-dasharray'  => true,
 				'stroke-dashoffset' => true,
 				'opacity'           => true,
+				'transform'         => true,
+				'style'             => true,
 			),
 			'rect'     => array(
+				'id'                => true,
 				'x'                 => true,
 				'y'                 => true,
 				'width'             => true,
@@ -434,8 +446,11 @@ public static function allow_svg( $allowed_tags ) {
 				'stroke-dashoffset' => true,
 				'opacity'           => true,
 				'rx'                => true,
+				'transform'         => true,
+				'style'             => true,
 			),
 			'line'     => array(
+				'id'                => true,
 				'x1'                => true,
 				'x2'                => true,
 				'y1'                => true,
@@ -447,8 +462,11 @@ public static function allow_svg( $allowed_tags ) {
 				'stroke-dasharray'  => true,
 				'stroke-dashoffset' => true,
 				'opacity'           => true,
+				'transform'         => true,
+				'style'             => true,
 			),
 			'polyline' => array(
+				'id'                => true,
 				'points'            => true,
 				'fill'              => true,
 				'stroke'            => true,
@@ -458,8 +476,11 @@ public static function allow_svg( $allowed_tags ) {
 				'stroke-dasharray'  => true,
 				'stroke-dashoffset' => true,
 				'opacity'           => true,
+				'transform'         => true,
+				'style'             => true,
 			),
 			'polygon'  => array(
+				'id'                => true,
 				'points'            => true,
 				'fill'              => true,
 				'stroke'            => true,
@@ -469,6 +490,48 @@ public static function allow_svg( $allowed_tags ) {
 				'stroke-dasharray'  => true,
 				'stroke-dashoffset' => true,
 				'opacity'           => true,
+				'transform'         => true,
+				'style'             => true,
+			),
+			'defs'           => array(),
+			'lineargradient' => array(
+				'id'                => true,
+				'x1'                => true,
+				'y1'                => true,
+				'x2'                => true,
+				'y2'                => true,
+				'gradientunits'     => true,
+				'gradienttransform' => true,
+				'spreadmethod'      => true,
+				'xlink:href'        => true,
+			),
+			'radialgradient' => array(
+				'id'                => true,
+				'cx'                => true,
+				'cy'                => true,
+				'r'                 => true,
+				'fx'                => true,
+				'fy'                => true,
+				'gradientunits'     => true,
+				'gradienttransform' => true,
+				'spreadmethod'      => true,
+				'xlink:href'        => true,
+			),
+			'stop'           => array(
+				'offset'       => true,
+				'stop-color'   => true,
+				'stop-opacity' => true,
+			),
+			'clippath'       => array(
+				'id' => true,
+			),
+			'use'            => array(
+				'id'         => true,
+				'x'          => true,
+				'y'          => true,
+				'width'      => true,
+				'height'     => true,
+				'xlink:href' => true,
 			),
 		);