.mad-icon-list span[class*="svg-"] {
	width: 28px;
    height: 28px;
	-webkit-mask-size: contain;
	mask-size: contain;
	background: #444;
}
.mad-icon-preview > i[class*="svg-"] {
    width: 28px;
    height: 28px;
    vertical-align: middle;
	-webkit-mask-size: contain;
	mask-size: contain;
	background: #444;
}
#mad-icon-dropdown li.selected  span[class*="svg-"]{
    background-color: #fff;
    color: #fff;
	-webkit-mask-repeat: space;
	mask-repeat: space;
}

i[class*="svg-"], .icons-box.style-2.type-2 .item-box i[class*="svg-"] {
	width: 40px;
    height: 35px;
	background: #fff;
	-webkit-mask-repeat: space;
	mask-repeat: space;
}
span.svg-drawing, i.svg-drawing {
    display: inline-block;
	-webkit-mask-size: contain;
	mask-size: contain;
   -webkit-mask-image: url(svg/svg-drawing.svg);
   mask-image: url(svg/svg-drawing.svg);
  }
  
 span.svg-leaf, i.svg-leaf {
    display: inline-block;
	-webkit-mask-size: contain;
	mask-size: contain;
   -webkit-mask-image: url(svg/svg-leaf.svg);
   mask-image: url(svg/svg-leaf.svg);
  }
 span.svg-open_gutter, i.svg-open_gutter {
    display: inline-block;
   -webkit-mask-image: url(svg/svg-open_gutter.svg);
   mask-image: url(svg/svg-open_gutter.svg);
  }
span.svg-side_of_house_gutter, i.svg-side_of_house_gutter {
    display: inline-block;
   -webkit-mask-image: url(svg/svg-side_of_house_gutter.svg);
   mask-image: url(svg/svg-side_of_house_gutter.svg);
  }