Tick as Background image

by mgoetzke

HTML

<div class="bg"></div>

CSS

.bg {
    width: 24px;
    height: 24px;
    
    background-size: cover;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KCgo8IS0tIFRoZSBpY29uIGNhbiBiZSB1c2VkIGZyZWVseSBpbiBib3RoIHBlcnNvbmFsIGFuZCBjb21tZXJjaWFsIHByb2plY3RzIHdpdGggbm8gYXR0cmlidXRpb24gcmVxdWlyZWQsIGJ1dCBhbHdheXMgYXBwcmVjaWF0ZWQuIApZb3UgbWF5IE5PVCBzdWItbGljZW5zZSwgcmVzZWxsLCByZW50LCByZWRpc3RyaWJ1dGUgb3Igb3RoZXJ3aXNlIHRyYW5zZmVyIHRoZSBpY29uIHdpdGhvdXQgZXhwcmVzcyB3cml0dGVuIHBlcm1pc3Npb24gZnJvbSBpY29ubW9uc3RyLmNvbSAtLT4KCgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgoKPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoKCSB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCjxwYXRoIGlkPSJjaGVjay1tYXJrLTExLWljb24iIGQ9Ik00MjkuMTgsMjI3LjU2N2MxNy4yOTQsMTE1LjcyLTcyLjIyOSwyMTkuMDc3LTE4OC41MzMsMjE5LjA3NwoKCUMxMzUuMzU1LDQ0Ni42NDUsNTAsMzYxLjI5MSw1MCwyNTYuMDAxYzAtMTA1LjI4OSw4NS4zNTUtMTkwLjY0NiwxOTAuNjQ3LTE5MC42NDZjNDYuMjkyLDAsODguNzI3LDE2LjUwNCwxMjEuNzUxLDQzLjk0MwoKCWwtMzAuNjc2LDMwLjY3N2MtMjUuMDc4LTE5LjcxMS01Ni43MDQtMzEuNDcxLTkxLjA3Ni0zMS40NzFjLTgxLjQ2MSwwLTE0Ny40OTcsNjYuMDM0LTE0Ny40OTcsMTQ3LjQ5NgoKCWMwLDgxLjQ2LDY2LjAzNiwxNDcuNDk0LDE0Ny40OTcsMTQ3LjQ5NGM3Ny4wNTIsMCwxNDAuMjk1LTU5LjA5LDE0Ni45MTEtMTM0LjQyNUw0MjkuMTgsMjI3LjU2N3ogTTQxMC43NzEsMTAxLjY2NkwyNTEuMzQzLDI2MS4wOTIKCglsLTY5LjA1NS02OS4wNzRsLTUxLjIwOCw1MS4yMTZsMTIwLjI2NSwxMjAuMjk5TDQ2MiwxNTIuODYxTDQxMC43NzEsMTAxLjY2NnoiLz4KCjwvc3ZnPgoK');
}