alvaro-prieto
7/5/2018 - 7:20 AM

SVG cerrar close X css

.cerrar {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxyZWN0IHg9Ii04My4xOTUiIHk9IjIzMy4xNTciIHRyYW5zZm9ybT0ibWF0cml4KC0wLjcwNzEgLTAuNzA3MSAwLjcwNzEgLTAuNzA3MSAyNTYuMDAyNyA2MTguMDM0MykiIGZpbGw9IiMxNjE2MTYiIHdpZHRoPSI2NzguMzkiIGhlaWdodD0iNDUuNjgxIi8+PC9nPjxnPjxyZWN0IHg9IjIzMy4xNTciIHk9Ii04My4xOTkiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjcwNzEgLTAuNzA3MSAwLjcwNzEgLTAuNzA3MSAyNTYuMDAxNiA2MTguMDMwOSkiIGZpbGw9IiMxNjE2MTYiIHdpZHRoPSI0NS42ODEiIGhlaWdodD0iNjc4LjM5MSIvPjwvZz48L2c+PC9zdmc+);

  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 38px;
  height: 21px;
  position: absolute;
  cursor: pointer;
  right: 2px;
  top: 19px;
  z-index: 3;
}