Base64 SVG: Fill Color Using CSS?

HTML & CSS
1

I have a Base 64 optimized SVG with no fill color set to it. I would like to use CSS to change the SVG, for the default fill color and the hover fill color.

Can the fill color of a Base 64 SVG be modified using CSS?
Here is the Base 64 SVG:

.logo {height:100px;width:100px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOTUuODMzIDYyLjUiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMS45OTEgNDAuMDg5Yy0xLjAwNCAzLjQ1Ny0yLjIyIDguODI5LTMuNjQ2IDE2LjExNWMwLjE2NSAwLjMgMC4yIDAuNyAwLjIgMSBjMCAwLjI2Ny0wLjAyNyAwLjUwNi0wLjA4IDAuNzE5Yy0wLjM3MyAwLjYzOC0wLjg1MiAwLjk1Ny0xLjQzNiAwLjk1N2MtMC41ODYgMC0xLjE3LTAuMzE5LTEuNzU1LTAuOTU3IGMwLjUzMS00LjIgMS41OTUtOS43MDEgMy4xOS0xNi41MDZjMS45OC04LjM5OSAzLjE4NS0xMy44NDcgMy42MTMtMTYuMzQ3Yy0wLjA1My0wLjM3MyAwLjA3NS0wLjg5MiAwLjM4Ny0xLjU1OCBjMC4zMS0wLjY2NiAwLjQ2Ni0xLjE1OCAwLjQ2Ni0xLjQ3N2MwLTAuMjEzLTAuMDU0LTAuNC0wLjE1OC0wLjU2TDE1LjM3MSA5LjcxYzAuNzQ1LTEuMDYzIDEuMDY0LTEuODg3IDAuOTU4LTIuNDcyTDE1Ljg1MSA2LjYgYzAuODUtMC43NDQgMS43NTQtMS4xMTYgMi43MTEtMS4xMTZjMC40MjUgMCAwLjkgMC4xIDEuNCAwLjIzOUMxOS45NyA1LjggMjAuMSA2LjEgMjAuNCA2LjZzMC4zNTkgMC45IDAuNCAxLjEgYzAgMC4zMTktMC4xMzMgMC42MzgtMC4zOTkgMC45NTdjLTAuNjM4IDEuMTE2LTEuMjI0IDIuOTUxLTEuNzU0IDUuNTAzYy0wLjUzMiAyLjU1Mi0xLjE0NCA0LjM4Ni0xLjgzNCA1LjUgYzAuMTA1IDAuMyAwLjIgMC41IDAuMiAwLjc5OGMwIDAuNDc5LTAuMjEzIDEuMTg0LTAuNjM4IDIuMTEzYy0wLjQyNiAwLjkzMS0wLjYzOCAxLjU1NS0wLjYzOCAxLjkgYzAgMC4zIDAuMSAwLjUgMC4yIDAuNzE4YzMuNzc0LTIuMTc5IDUuODIyLTMuMzc1IDYuMTQxLTMuNTg5YzIuMzM5LTEuNDg4IDQuMjUzLTIuODk3IDUuNzQyLTQuMjI3IGMyLjQ5OS0xLjU0MiA2LjA4Ny0zLjc3NCAxMC43NjctNi42OTljMC4zMTktMC4xMDYgMC42MS0wLjE2IDAuODc3LTAuMTZjMC40MjUgMCAxLjEgMC41IDIuMiAxLjUgYy0wLjA1NCAxLjAxLTAuNjY2IDEuOTY3LTEuODM0IDIuODcxYy0xLjU0MyAwLjMxOS0zLjY0MyAxLjMzLTYuMyAzLjAzYy0xLjk2OCAxLjM4My0zLjk0OCAyLjcxMS01Ljk0MiA0IGMtMS45OTQgMS4yNzYtMy4zMzcgMi4xMDEtNC4wMjcgMi40NzJjLTEuNDg5IDEuMDExLTIuNzExIDEuOTY4LTMuNjY4IDIuODcxYy0xLjQ4OSAwLjY5MS0yLjM5MyAxLjM4My0yLjcxMSAyLjEgYy0wLjUzMiAxLjIyNC0wLjc5NyAyLjM5My0wLjc5NyAzLjUwOWMwIDIuMiAxLjEgNC4zIDMuMyA2LjQ2YzEuMzgyIDEuMSAzLjQgMi44IDYuMSA1IGMxLjc1NCAxLjUgMy42IDIuNCA1LjQgMi40NzNjMC4yMTEgMC4zIDAuNyAwLjYgMS42IDAuNzk3YzAuMjEyIDAuMSAwLjYgMC4zIDEuMyAwLjYgYy0xLjMzMSAwLjc0NS0yLjYzNSAwLjkzMS0zLjkxMyAwLjU1OWMtMS4zODYtMC40MjUtMi4yNjQtMC42MTEtMi42MzUtMC41NTljLTUuODU4LTIuNDQ1LTEwLjU5Ny02LjMtMTQuMjE3LTExLjU2NCBjLTAuMjEzIDAuMjEzLTAuMzU5IDAuNzMtMC40MzggMS41NTNDMTIuNTkxIDM5IDEyLjQgMzkuNiAxMiA0MC4wODl6Ii8+PHBhdGggZD0iTTQ4LjE0OSA1MC42MjJjLTAuNDc5IDAuNzk4LTEuMjc2IDEuOTQyLTIuMzkzIDMuNDNjLTIuMDc0IDEuMjc2LTMuNTg5IDEuODg2LTQuNTQ2IDEuOCBjLTAuOTU3LTAuMDUzLTIuMDIxLTAuODUxLTMuMTktMi4zOTNjLTAuMTA2LTAuOTU3LTAuMTYtMS45MTQtMC4xNi0yLjg3MWMwLTUuNTgzIDAuODI1LTExLjA4NSAyLjQ3Mi0xNi41MDggYzAuMjY2LTAuODUgMC45ODMtMi42MDQgMi4xNTMtNS4yNjRjMC4zMTktMC4zNzEgMC43NDQtMC41NTggMS4yNzYtMC41NThjMC41MzEgMCAxIDAuMiAxLjUgMC42IGMwLjQ3OSAwLjQgMC43IDAuOCAwLjcgMS4yNzZjMCAwLjI2Ny0wLjA4IDAuNTA2LTAuMjM5IDAuNzE4Yy0wLjk1NyAxLjU0Mi0xLjg2MiAzLjU2Mi0yLjcxMSA2LjA2MWwtMS43NTUgOC4zIGMtMC4zNzMgMS43NTQtMC40NTIgMy45NjEtMC4yMzkgNi42MTljMC4xMDYgMC4zIDAuNCAwLjcgMC44IDEuMjc2YzAuMjExIDAuMSAwLjUzMS0wLjEyIDAuOTU3LTAuNTE5IGMwLjQyNS0wLjM5OSAwLjcxNy0wLjYyNSAwLjg3Ny0wLjY3OGMwLjYzOC0wLjQyNSAxLjUxNS0xLjI0OSAyLjYzMi0yLjQ3MmMxLjExNy0xLjIyMyAyLjEtMi4wMiAyLjk1MS0yLjM5M0w1MS4xIDQ0LjkgQzUwLjE0MyA0OC4xIDQ5LjIgNTAgNDguMSA1MC42MjJ6IE00OS40MjUgMjIuMzkxbC0wLjIzOSAwLjE1OWMtMC4xMDcgMC4xMDctMC4yMTMgMC4zNzMtMC4zMTkgMC44IGMtMi41NTIgMC4yMTMtMy45MDgtMC4zOTktNC4wNjctMS44MzRjMC0wLjg1IDAuMjkyLTEuMzgyIDAuODc3LTEuNTk1YzAuMjEyLTAuMDUyIDAuODUtMC4wNTIgMS45IDAgYzAuMjY2IDAgMC42MTEtMC4wOCAxLjAzNy0wLjIzOWMwLjQyNSAwLjIgMC45IDAuNiAxLjQgMS40MzZDNTAuMDM1IDIxLjUgNDkuOSAyMiA0OS40IDIyLjM5MXoiLz48cGF0aCBkPSJNNTcuMDggMzAuMzY2YzAuNjM4IDEgMSAyLjIgMSAzLjgyOGMwIDEuODA4LTAuNDc5IDMuNzQ5LTEuNDM2IDUuOCBjMCAwLjY5MS0wLjE3MyAxLjc5NC0wLjUxOCAzLjMxYy0wLjM0NyAxLjUxNS0wLjQ2NiAyLjY3MS0wLjM1OSAzLjQ2OWMxLjY0Ny0yLjAyIDQuMTk5LTUuMDI0IDcuNjU2LTkuMDEyIGMyLjgxNy0zLjI5NiA1LjY2Mi01LjkwMSA4LjUzMy03LjgxNWMxLjU0MiAwLjYgMi4zIDEuOSAyLjMgMy45MDhjMCAwLjM3My0wLjA1MyAxLjE5Ni0wLjE1OSAyLjUgYy0wLjEwNyAxLjAxMS0wLjEzMyAxLjgwOC0wLjA4IDIuMzkzYy0wLjYzOCAyLjEyNy0xLjQ4OSA1LjQyMy0yLjU1MiA5Ljg4OWMwLjA1MiAwLjEgMC4xIDAuMSAwLjIgMCBjMS40ODgtMS4zODIgMy4yODItMy42NDEgNS4zODMtNi43NzljMi4xLTMuMTM2IDMuNzYxLTUuMjY0IDQuOTg0LTYuMzhjMi4zOTMtMi4xOCAzLjgtMy40NTYgNC4yMjctMy44MjggYzAuNjM4LTAuNDc5IDEuODM0LTEuMjIzIDMuNTg5LTIuMjMzYzAuODUgMCAxLjQgMC41IDEuOCAxLjM1NWMwLjE2IDEuOTY4LTAuMTg3IDQuMjI3LTEuMDM3IDYuOCBjLTEuMzMgMy43MjItMi4wNDcgNS45MDItMi4xNTMgNi41NGMtMS4xMTYgNS44NS0xLjYyMyA5LjgxLTEuNTE1IDExLjg4M2gwLjA4YzAuMjEyIDAgMC42IDAuMSAxIDAuMyBjLTAuMTA3IDAuNjktMC4zOTggMS4xOTYtMC44NzcgMS41MTVjLTAuMDU0IDAtMC42MTIgMC4yMTItMS42NzUgMC42MzhjLTEuMjc2LTEuMTE4LTEuOTE0LTIuNzY4LTEuOTE0LTQuOTQ4IGMwLTAuNjM4IDAuMDUyLTEuNTU1IDAuMTU3LTIuNzUzYzAuMTA0LTEuMTk2IDAuMTU3LTIuMTE1IDAuMTU3LTIuNzUyYzAuMzY2LTEuODYyIDEuMDIxLTQuMjgzIDEuOTY0LTcuMjYyIGMxLjE5MS0zLjU1NSAxLjk0OS01Ljk0MyAyLjI3NC03LjE2NGwtMC4xNi0wLjAwMmMtMC4xNiAwLjEwNy0wLjM0NyAwLjM0Ni0wLjU1OCAwLjcxOGMtMC4yMTMgMC4zNzMtMC4zNzMgMC41NTgtMC40NzkgMC42IGMtMC45NTggMC42OTEtMS43ODMgMS40ODktMi40NzQgMi4zOTNjLTEuNDM2IDEuODA4LTIuNTI2IDMuMTEtMy4yNzEgMy45MDhjLTEuNTQzIDEuOTY4LTMuNzUgNC43MDYtNi42MjEgOC4yIGMtMS4zODMgMS43MDItMi4zMTQgMi43MzktMi43OTIgMy4xMWMtMS43MDIgMS40ODgtMi45NzkgMi4xNTMtMy44MyAxLjk5NGMtMC4xMDctMC4zNzMtMC4xMDctMC44NzcgMC0xLjUxNSBjMC4xNi0wLjkwMyAwLjIzOS0xLjQ2MSAwLjIzOS0xLjY3NWMwLTAuNzQ0IDAuMTg2LTIuNDcyIDAuNTU5LTUuMTg0YzAuMTU5LTAuODUgMC42MS0yLjQ5OSAxLjM1NS00Ljk0NSBjMC4yMTItMC41ODQgMC4zNDUtMS4yMjIgMC4zOTktMS45MTRjMC0wLjQyNS0wLjAyNy0wLjk4My0wLjA4LTEuNjc1Yy0wLjA1NC0wLjY5LTAuMDgtMS4xNDMtMC4wOC0xLjM1NSBjMC0wLjQ3OS0wLjAyNy0wLjkzLTAuMDgtMS4zNTZjLTEuMDY0IDAuNjM4LTIuMzQgMS45NjgtMy44MjggMy45ODhjLTEuNjQ4IDIuMTgxLTIuODk4IDMuNjE2LTMuNzQ4IDQuMyBjLTEuMDY0IDEuNTQzLTIuNzM5IDMuNDAzLTUuMDI0IDUuNTgzYy0yLjAyMSAxLjg2MS0zLjQyOSAzLjU4OC00LjIyNyA1LjE4NGMtMC4wNTMtMC4xMDYtMC4yNTMgMC0wLjU5OCAwLjMgYy0wLjM0NiAwLjMxOS0wLjU0NiAwLjQ3OS0wLjU5OCAwLjQ3OWMtMC4xMDcgMC0wLjIzOSAwLTAuMzk4IDBjLTAuMzczIDAtMC42MzggMC0wLjc5OCAwYy0wLjQyNSAwLTAuODI0LTAuMTMzLTEuMTk2LTAuMzk4IGMwLjI2Ny0yLjQ5OSAxLjA2NC01Ljc5NCAyLjM5My05Ljg4OWMxLjQzNi00LjQ2NiAyLjIzMy03Ljc2MiAyLjM5My05Ljg4OWMtMC4xMDctMS4zMjktMC4zOTgtMi42MDQtMC44NzctMy44MjggQzU0LjYzNCAyOS45IDU1LjggMjkuOCA1Ny4xIDMwLjM2NnoiLz48cGF0aCBkPSJNMTIwLjggOS41NWMtMC4zMTkgMC41ODYtMS4wOSAxLjMzLTIuMzEzIDIuMjMzbC0wLjIzOS0wLjg3N2MtMC4yNjcgMC40MjYtMC41MzIgMC42MzgtMC43OTcgMC42IGMtMC4yMTMgMC0wLjUzMi0wLjI5Mi0wLjk1Ny0wLjg3N2wtMC4xNi0wLjA4Yy0wLjIxMy0wLjA1Mi0wLjQ1Mi0wLjA4LTAuNzE4LTAuMDhjLTAuNTMyIDAtMS4yMzYgMC4yMTMtMi4xMTMgMC42IGMtMC44NzcgMC40MjYtMS41MjkgMC42NjYtMS45NTQgMC43MThjLTIuMDczIDEuNTQyLTMuNDU3IDIuNjU5LTQuMTQ3IDMuMzVjLTEuMzgzIDEuMzMtMi4zNjYgMi43OTEtMi45NTEgNC40IGMtMC41MzIgMC4xMDctMS4xMTcgMC44MjUtMS43NTQgMi4xNTNjLTAuMTYgMC43NDUtMC4yMzkgMS40MzYtMC4yMzkgMi4wNzRjMCAyLjIgMS4yIDQuMSAzLjUgNS43IGMxLjExNyAwLjcgMy4yIDIgNi4zIDMuOTA4YzIuMjg2IDIuMyAzLjUgMy41IDMuNyAzLjY2OWMxLjM4MiAxLjYgMi4xIDMuMSAyLjEgNC41IGMwIDEuMDExLTAuMzE5IDIuMDQ3LTAuOTU3IDMuMTFjLTEuNTk1IDIuMDc0LTMuODI4IDMuOTM1LTYuNjk5IDUuNTgzYy0xLjU5NSAwLjk1Ny00LjI1NCAyLjIzMy03Ljk3NSAzLjggYy0wLjU4NS0wLjA1NC0xLjE0NCAwLjEzMi0xLjY3NSAwLjU1OGMtMS41NDIgMC4xNi0yLjk1MSAwLjIzOS00LjIyNyAwLjIzOWMtMi44MTkgMC00Ljk3MS0wLjM5OC02LjQ2LTEuMTk2bC0wLjMxOS0xLjQzNiBjMC40NzktMC4yMTEgMC45MDUtMC4zMTkgMS4yNzYtMC4zMTljMC4yNjcgMCAwLjcgMC4xIDEuMiAwLjI3OWMwLjU1OCAwLjIgMSAwLjMgMS40IDAuMiBjNi4wMDcgMC4zIDEyLjMzNC0yLjMzOSAxOC45ODEtNy44MTVjMS40ODgtMS4yMjMgMi4xLTIuNjA0IDEuODM0LTQuMTQ3Yy0wLjMxOS0xLjA2My0xLjc4Mi0yLjY4NS00LjM4Ni00Ljg2NSBjLTMuNDU3LTIuMTI1LTYuMDM1LTQuMDE0LTcuNzM2LTUuNjYyYy0yLjM0LTEuMjIzLTMuNTA5LTMuMzIyLTMuNTA5LTYuM2MwLTAuNjkgMC4wOC0xLjQwOCAwLjIzOS0yLjE1MyBjMS4wNjMtMy4xMzYgMi44MDQtNS45ODEgNS4yMjQtOC41MzNjMi40MTgtMi41NTIgNS4xNy00LjQ2NiA4LjI1NC01Ljc0MmMxLjE2OS0wLjQ3OSAyLjUyNS0wLjcxOCA0LjA2Ny0wLjcxOCBjMi45NzcgMCA0LjUgMC42IDQuNSAxLjc1NGMwIDAuMTA3LTAuMDQgMC4zMDctMC4xMiAwLjU5OEMxMjAuODQgOS4yIDEyMC44IDkuNCAxMjAuOCA5LjU1eiIvPjxwYXRoIGQ9Ik0xMzQuMjc4IDI5LjY3OWMxLjExNyAwLjIgMi4yIDAuMyAzLjQgMC4zOTVjMS4yNzYgMC4zIDIuMyAwLjggMy4xIDEuNTAybDAuMDggMS41IGMtMC44NTIgMC4wNTQtMi4zNjcgMC4wNTQtNC41NDYgMGMtMS4zMy0wLjEwNi0yLjQ3MyAwLTMuNDMgMC4zMTljLTMuNDU3IDYuNjQ3LTUuMTA0IDEyLjIwMi00Ljk0NCAxNi43IGMwIDAuNiAwLjEgMS4yIDAuMyAxLjc5NGMwLjE4NiAwLjYgMC43IDAuOCAxLjYgMC44MzdjMC41MzEgMCAxLjE2OS0wLjEwNiAxLjkxNC0wLjMxOSBjMC41ODQtMC4wNTIgMS41MjgtMC40NzkgMi44MzEtMS4yNzZjMS4zMDItMC43OTcgMi41MzktMS4yMjIgMy43MDgtMS4yNzZjLTAuOTU3IDIuODcxLTMuNDAzIDQuODEyLTcuMzM3IDUuOCBjLTAuNDc5IDAuMTA2LTAuOTA1IDAuMTYtMS4yNzYgMC4xNmMtMS40MzYgMC0yLjU1Mi0wLjQ1Mi0zLjM1LTEuMzU2Yy0wLjk1Ny0xLjU0Mi0xLjQ2My0zLjM3NS0xLjUxNS01LjUwMiBjLTAuMTA3LTIuOTI0IDAuNjM4LTYuNDA2IDIuMjMzLTEwLjQ0OGMwLjUzMS0wLjk1NyAxLjE0My0yLjQ3MiAxLjgzNC00LjU0NmMtMS44NjIgMC4wNTQtMy40NTcgMC45MzEtNC43ODUgMi42IGMtMC45NTcgMC4wNTQtMS43MDItMC43OTctMi4yMzMtMi41NTJjMC4xMDYtMC41ODQgMC43NDQtMS4yMjMgMS45MTQtMS45MTRjMC43OTctMC42OSAxLjg2LTEuMTY5IDMuMTktMS40MzYgYzEuMTY5LTAuMTYgMi4zMzktMC4zNDUgMy41MDktMC41NThjMi40OTgtNC44OTEgNC4yMjctOS41MTcgNS4xODQtMTMuODc3YzAuMzcyLTAuNTMxIDAuNzctMC43OTcgMS4xOTYtMC43OTcgYzAuNjktMC4wNTIgMS40IDAuNCAyIDEuNTAxYy0wLjE1OSAzLjYzNi0xLjU5NSA3LjgyNC00LjMwNyAxMi41NjdDMTM0LjQxIDI5LjYgMTM0LjMgMjkuNiAxMzQuMyAyOS42Nzl6Ii8+PHBhdGggZD0iTTE1Ni4wNDkgNDkuOTA0bC0wLjIzOSAwLjIzOWMtMC4yNjcgMC4xNi0wLjM3MyAwLjQyNi0wLjMxOSAwLjc5OGMtNC4yNTQgMy4xOS03LjY1NiA0Ljg5MS0xMC4yMDggNS4xIGMtMS40MzYgMC4wNTItMi44NDUtMC4yMTMtNC4yMjctMC43OTdjLTEuMTctMC42MzgtMS45NjctMS40ODgtMi4zOTMtMi41NTJjLTAuMzczLTAuODUtMC42MzgtMi4yNTktMC43OTctNC4yMjcgYzEuNjQ3LTguNCA1LjYzNS0xNC45NjYgMTEuOTYzLTE5LjY5OWMwLjIxMS0wLjA1MiAwLjgyMy0wLjE2IDEuODM0LTAuMzE5YzAuODUtMC4xNiAxLjYgMCAyLjEgMC41IGMwLjU1OSAwLjUgMC44IDEuMSAwLjggMS45OTRjLTAuMTA3IDAuNjkxLTAuMTg3IDEuMzU2LTAuMjM5IDEuOTk0Yy0wLjkwNCAzLjA4NC0zLjk4NyA2LjY0Ny05LjI1MSAxMC43IGMtMC4zMTkgMC4yNjctMS4xOTYgMC41MzItMi42MzIgMC43OThjLTAuODUxIDAuMTU5LTEuMjUgMC42MzgtMS4xOTYgMS40MzZjLTAuNjkxIDEuMTctMC45ODQgMi4yNi0wLjg3NyAzLjMgYzAgMC40IDAuMiAxLjIgMC42IDIuMzkzYzAuOTAzIDEuMyAyLjQgMS45IDQuNCAxLjkxNGwwLjMxOS0wLjIzOWMwLjg1IDAgMi4wMi0wLjI5MiAzLjUwOS0wLjg3NyBjMS40ODgtMC45MDMgMy44NTQtMi4xNzkgNy4wOTgtMy44MjhjMC4wNTIgMC4yIDAuMSAwLjQgMC4xIDAuNTU4QzE1Ni40NDggNDkuMyAxNTYuMyA0OS42IDE1NiA0OS45MDR6IE0xNTEuNDI0IDMyLjUxOWMtMC4xNi0wLjE2LTAuMzQ2LTAuMzE5LTAuNTU4LTAuNDc5Yy0yLjgxOSAxLjc1NC01LjI2NCA0LjY3OS03LjMzNyA4Ljc3MmMwLjI2NiAwIDAuNTU5LTAuMTA2IDAuODc3LTAuMzE5IGMxLjMyOS0xLjIyMyAyLjY1OC0yLjQ0NSAzLjk4OC0zLjY2OUMxNDkuOTM1IDM1LjIgMTUwLjkgMzMuNyAxNTEuNCAzMi41MTl6Ii8+PHBhdGggZD0iTTE5OS4zNTQgMjcuODEzYy0wLjM3MyAwLjYzOC0wLjc5OSAxLjQwOS0xLjI3NyAyLjMxM2MtMS4yMjMgMS40MzYtMy41MDggNC45NzItNi44NTcgMTAuNiBjLTIuNjU5IDQuNDY2LTUuMzQ0IDcuNjA0LTguMDU1IDkuNDFjLTAuNjM4IDAuMjEzLTEuMjUgMC4zMTktMS44MzQgMC4zMTljLTAuOTU3IDAtMS45MTQtMC4yMzktMi44NzEtMC43MTggYy0wLjU4Ni0wLjg1LTEuNDEtMi4wMi0yLjQ3Mi0zLjUwOWMtMC4wNTQtMC42MzgtMC4zNDctMi4wMi0wLjg3Ny00LjE0N2MtMC40MjYtMS43MDEtMC42MTItMy4xMS0wLjU1OC00LjIyNyBjLTAuNjkyIDEuMjI0LTEuODYyIDMuMDA0LTMuNTA5IDUuMzQzYy0wLjI2NyAwLjg1MS0wLjg1MSAxLjk2Ny0xLjc1NCAzLjM1Yy0wLjkwNSAxLjM4My0xLjQ4OSAyLjM5My0xLjc1NCAzIGMtMC44NTEgMS4xNy0yLjMxMyAyLjgxOS00LjM4NyA0Ljk0NWgtMi4zMTJjLTEuMjI0IDAtMS44MzQtMC42MTItMS44MzQtMS44MzRjLTAuMDUzLTMuMjk2IDAuMjM5LTcuMzYzIDAuODc3LTEyLjIwMiBjMC40MjUtMy41MDkgMC45MDMtNy4zOSAxLjQzNi0xMS42NDRjMC4wNTItMC41ODQgMC40NTEtMC44NzcgMS4xOTYtMC44NzdjMC44NSAwIDEuNCAwLjIgMS44IDAuNiBjMC41ODQgMC44IDAuOSAxLjcgMC45IDIuNjMyYzAgMC41ODYtMC4xNDcgMS40ODktMC40MzkgMi43MTFjLTAuMjkyIDEuMjI0LTAuNDI2IDIuMTI3LTAuMzk4IDIuNyBjMC4wMjYgMC41ODUtMC4yIDEuNDg5LTAuNjc4IDIuNzExYy0wLjMxOSAwLjc5Ny0wLjEzMyAxLjYgMC42IDIuMzkzYy0wLjYzOCAwLjEwNy0wLjk1NyAwLjIxMy0wLjk1NyAwLjMxOXYwLjIzOSBjMCAwLjUzMi0wLjA4IDEuMjI0LTAuMjM5IDIuMDc0Yy0wLjIxMyAxLjE3LTAuMzQ3IDEuODg4LTAuMzk5IDIuMTUzYy0wLjE2IDEuNDM2LTAuMTYgMi42IDAgMy40IGMwLjg1LTAuNTMxIDEuNzI3LTEuNTQyIDIuNjMyLTMuMDMxYzEuMDA5LTEuNzAxIDEuNzgxLTIuNzkxIDIuMzEzLTMuMjdjMS4yNzYtMi42NTggMy45ODctNy4yMyA4LjEzNC0xMy43MTcgYzAuNTg0LTAuNDI1IDEuMjQ5LTAuNjM4IDEuOTk0LTAuNjM4YzAuMjY2IDAgMC42IDAgMC45IDAuMDhjMC43OTcgMC40IDEuMiAwLjkgMS4yIDEuNiBjMCAwLjIxMy0wLjA2NyAwLjYyNS0wLjE5OSAxLjIzNmMtMC4xMzMgMC42MTItMC4xNzMgMS4wNzctMC4xMiAxLjM5NmMtMC4yNjcgMC40MjYtMC40MzkgMS4xNDQtMC41MTkgMi4yIGMtMC4wOCAxLjAxMS0wLjIyNyAxLjcwMi0wLjQzOCAyLjA3NGMwLjE1OSAzLjMgMC4zIDUuMSAwLjMgNS4zNDNjMC4zNzIgMi4xIDEuMiAzLjUgMi42IDQuNCBjMC40NzkgMC4xIDEuMDA5LTAuNDc5IDEuNTk1LTEuNTk1YzEuMTE2LTEuMzI4IDMuNjk0LTQuOTQ0IDcuNzM2LTEwLjg0NmMzLjAzMS00LjQxMiA1Ljc5NS03Ljg2OCA4LjI5My0xMC4zNjdoMS41MTYgQzIwMC4zMzcgMjUuOCAxOTkuOSAyNi45IDE5OS40IDI3LjgxM3oiLz48cGF0aCBkPSJNMjEyLjM1MiA1My4xNzRjLTAuNTg2IDAuMjY3LTEuNTQzIDAuNzctMi44NzEgMS41MTVjLTAuNjkxIDAuMDUyLTEuODA4LTAuMzczLTMuMzUtMS4yNzYgYy0wLjA1NC0wLjQyNS0wLjI2Ny0xLjE0My0wLjYzOC0yLjE1M2MtMC4zNzMtMS4wMDktMC41NTktMS44MDctMC41NTktMi4zOTNjLTAuNDI2IDAuNDc5LTAuNzE4IDAuOTA1LTAuODc3IDEuMyBjLTEuOTY4IDIuNDQ2LTMuMTEgMy44MjgtMy40MyA0LjE0N2MtMS41NDIgMS4zMjgtMy4xODkgMS44Ni00Ljk0NCAxLjU5NWMtMS40MzYtMS4xMTYtMi4xNTMtMi43NjQtMi4xNTMtNC45NDQgYzAtMy43NzQgMC4zNzMtNi42NDYgMS4xMTYtOC42MTNjMS44Ni01LjEwNCA1LjU1Ni05LjU5NiAxMS4wODYtMTMuNDc4aDEuMjc1YzEuMjIzIDAgMS44IDAuNyAxLjggMi4yIGMwIDAuNDc5LTAuMTYgMS40MzYtMC40NzkgMi44NzFjLTAuMjY3IDAuNjkyLTAuODUyIDEuNTk1LTEuNzU1IDIuNzExYy0wLjE1OSAwLjM3My0wLjc5OCAwLjc0NS0xLjkxNCAxLjEgYzAuMjY2LTEuMzgyIDAuNjktMi40NDUgMS4yNzYtMy4xOWMwLjA1Mi0wLjE2IDAuMTg2LTAuNTg0IDAuMzk4LTEuMjc2YzAuMDUzLTAuMTA2IDAuMDgtMC4yNjYgMC4wOC0wLjQ3OSBjMC0wLjE2LTAuMDI3LTAuMzQ1LTAuMDgtMC41NTljMC4yNjYtMC4yMTIgMC4zOTgtMC4zOTggMC4zOTgtMC41NThjLTAuMzE4LTAuMDUyLTAuODc3IDAuMzk5LTEuNjc1IDEuNCBjLTAuMTU5IDAuMTA3LTAuNDI2IDAuMzQ2LTAuNzk3IDAuNzE3Yy01LjQ3NyA2LjI3NC04LjI2OSAxMS45NjMtOC4zNzQgMTcuMDY3YzAuMjEyIDEuNSAwLjcgMi40IDEuNCAyLjYgYzEuODA3LTAuNDc5IDMuMzc2LTEuODYgNC43MDUtNC4xNDdjMS40ODgtMS4zMjkgMi44MTctMy43MjEgMy45ODctNy4xNzhjMC41ODUtMS4zMjkgMS42NzUtNC43MDYgMy4yNzEtMTAuMTI4IGMwLjIxMi0wLjQ3OSAwLjc5Ny0wLjg3NyAxLjc1NC0xLjE5NmMwLjQ3OSAwLjUgMC43IDEuMSAwLjcgMS43NTRjMCAwLjM3My0wLjEwNiAwLjg3Ny0wLjMxOCAxLjUgYy0wLjIxNCAwLjc5OC0wLjM0NyAxLjMzLTAuMzk5IDEuNTk1Yy0yLjEyNyA1Ljg0OS0zLjE4OSA5LjcyOS0zLjE4OSAxMS42NDRjMCAyLjUgMC41IDQuMiAxLjUgNS4xIGMwLjIxMi0wLjA1MiAwLjg3OC0wLjM5OCAxLjk5NC0xLjAzN2MwLjk1Ny0wLjUzMSAxLjU0MS0wLjc5NyAxLjc1NS0wLjc5N2MwLjA1MiAwLjMgMC4xIDAuNSAwLjEgMC44IEMyMTMuMjI5IDUyLjMgMjEyLjkgNTIuOSAyMTIuNCA1My4xNzR6Ii8+PHBhdGggZD0iTTIyMC4xNjcgMzYuNjY2YzEuNzAxLTIuMjMzIDMuNDgxLTQuMzE5IDUuMzQ0LTYuMjYxYzEuODYtMS45NCAzLjkwNy0zLjAxNyA2LjE0MS0zLjIzIGMxLjAxLTAuMTA2IDEuOSAwLjEgMi44IDAuNDc5YzAuNTg1IDAuOCAwLjkgMS42IDEgMi41NTJjMCAwLjQ3OS0wLjIxMyAxLjk0MS0wLjYzOCA0LjM4NmwtMS4xMTcgMC4yIGMtMC4xNTktMC4zMTktMC4zMTgtMS4zODItMC40NzktMy4xOWMtMC4xMDYtMS4wMS0wLjM0Ni0xLjY3NS0wLjcxOC0xLjk5NGMtMi42MDUgMC43OTgtNC45OTggMi40NDYtNy4xNzggNC45IGMtMS4wMSAxLjA2NC0xLjk5MyAyLjEyNy0yLjk1IDMuMTljLTEuMTE2IDEuMjc2LTEuODYyIDIuNS0yLjIzMyAzLjY2OGMtMC4zNzIgMC4wNTQtMC43MTggMC43NDUtMS4wMzYgMi4xIGMtMC4yNjggMC45NTctMC41MDcgMS41NjktMC43MTggMS44MzRjLTAuNDc5IDAuODUxLTEuMTk2IDIuNjMyLTIuMTUzIDUuMzQzYzAuMDUyIDAuNCAwLjEgMS4zIDAgMi42IGMtMC4yMTQgMS4xMTctMC43NDUgMS44MDctMS41OTYgMi4wNzRjLTAuMjEzLTAuMzczLTAuNDI2LTAuNDc5LTAuNjM4LTAuMzE5Yy0wLjI2NyAwLjIxMS0wLjUwNSAwLjMxOS0wLjcxOCAwLjMgYy0wLjQyNSAwLTAuNzk4LTAuMzQ1LTEuMTE2LTEuMDMzYzAuODUxLTMuMDczIDIuNzExLTEwLjIwMiA1LjU4Mi0yMS4zODRjLTAuMjEzLTAuNDc2LTAuMzE4LTAuODc0LTAuMzE4LTEuMTkyIGMwLTAuNTgzIDAuMzcxLTAuOTU0IDEuMTE2LTEuMTEzYzEuNzU1LTAuMzE5IDIuNyAwIDIuOCAxLjAzN2MwIDAuMTA3LTAuMDc5IDAuNDEzLTAuMjM5IDAuOSBjLTAuMTU5IDAuNTA2LTAuMjEzIDEuMTU2LTAuMTU5IDEuOTU0Yy0wLjMxOSAwLjA1NC0wLjUwNiAwLjEzMy0wLjU1OSAwLjIzOWMwIDAuMSAwIDAuNCAwLjEgMC43OTdsLTAuMjM5IDAuNyBDMjIwLjI0NyAzNi40IDIyMC4yIDM2LjYgMjIwLjIgMzYuNjY2eiIvPjxwYXRoIGQ9Ik0yNDAuMDI2IDI5LjY3OWMxLjExNiAwLjIgMi4yIDAuMyAzLjQgMC4zOTVjMS4yNzUgMC4zIDIuMyAwLjggMy4xIDEuNTAybDAuMDc5IDEuNSBjLTAuODUxIDAuMDU0LTIuMzY2IDAuMDU0LTQuNTQ2IDBjLTEuMzI5LTAuMTA2LTIuNDcyIDAtMy40MjkgMC4zMTljLTMuNDU3IDYuNjQ3LTUuMTA0IDEyLjIwMi00Ljk0NCAxNi43IGMwIDAuNiAwLjEgMS4yIDAuMyAxLjc5NGMwLjE4NiAwLjYgMC43IDAuOCAxLjYgMC44MzdjMC41MzEgMCAxLjE2OS0wLjEwNiAxLjkxNC0wLjMxOSBjMC41ODUtMC4wNTIgMS41MjgtMC40NzkgMi44MzItMS4yNzZjMS4zMDItMC43OTcgMi41MzgtMS4yMjIgMy43MDgtMS4yNzZjLTAuOTU3IDIuODcxLTMuNDAzIDQuODEyLTcuMzM3IDUuOCBjLTAuNDc5IDAuMTA2LTAuOTA1IDAuMTYtMS4yNzYgMC4xNmMtMS40MzYgMC0yLjU1Mi0wLjQ1Mi0zLjM1LTEuMzU2Yy0wLjk1Ny0xLjU0Mi0xLjQ2My0zLjM3NS0xLjUxNS01LjUwMiBjLTAuMTA3LTIuOTI0IDAuNjM4LTYuNDA2IDIuMjMyLTEwLjQ0OGMwLjUzMS0wLjk1NyAxLjE0My0yLjQ3MiAxLjgzNC00LjU0NmMtMS44NjEgMC4wNTQtMy40NTYgMC45MzEtNC43ODQgMi42IGMtMC45NTcgMC4wNTQtMS43MDItMC43OTctMi4yMzMtMi41NTJjMC4xMDUtMC41ODQgMC43NDQtMS4yMjMgMS45MTQtMS45MTRjMC43OTgtMC42OSAxLjg2LTEuMTY5IDMuMTktMS40MzYgYzEuMTY4LTAuMTYgMi4zMzktMC4zNDUgMy41MDktMC41NThjMi40OTgtNC44OTEgNC4yMjctOS41MTcgNS4xODQtMTMuODc3YzAuMzcxLTAuNTMxIDAuNzcxLTAuNzk3IDEuMTk2LTAuNzk3IGMwLjY5LTAuMDUyIDEuNCAwLjQgMiAxLjUwMWMtMC4xNiAzLjYzNi0xLjU5NiA3LjgyNC00LjMwNyAxMi41NjdDMjQwLjE1OCAyOS42IDI0MC4xIDI5LjYgMjQwIDI5LjY3OXoiLz48cGF0aCBkPSJNMjUxLjY3IDUyLjI5N2MtMC4xNTkgMS41NDMtMC45ODQgMi4zOTMtMi40NzIgMi41NTJjLTAuNzk4LTAuNDc5LTEuMTk2LTAuODc3LTEuMTk2LTEuMTk2IGMtMC4xMDctMC41ODQtMC4xNi0xLjA4OS0wLjE2LTEuNTE1YzAtMS40ODggMC42MTEtMi4yMzMgMS44MzUtMi4yMzNjMC40MjUgMC4xIDAuOCAwLjIgMS4yIDAuNCBjMC4zOTkgMC4xIDAuNyAwLjQgMC44IDAuOTE3VjUyLjI5N3oiLz48cGF0aCBkPSJNMjc0LjIzOSA1MC42MjJjLTAuMzE4IDAuMzE5LTAuOTMxIDAuODUyLTEuODM0IDEuNTk1Yy0yLjAyMSAxLjcwMS00LjM2IDIuNTUyLTcuMDE4IDIuNiBjLTEuMzg0IDAtMi43MTItMC4yOTMtMy45ODgtMC44NzdjLTIuMDczLTEuMzI4LTMuMTEtMy45MDgtMy4xMS03LjczNmMxLjc1NS04LjU2IDQuOTE3LTE0LjExNiA5LjQ5LTE2LjY2OCBjMS44MDggMC4zIDMgMS4yIDMuNCAyLjc5MmMwLjEwNiAwLjMgMC4xIDAuNjM4LTAuMTU5IDAuOTU3Yy0wLjIxMyAwLjMxOS0wLjUwNiAwLjQ3OC0wLjg3OCAwLjUgYy0wLjE1OSAwLTAuMzU4LTAuMDkyLTAuNTk4LTAuMjc5Yy0wLjIzOS0wLjE4Ni0wLjQ2Ni0wLjI3OS0wLjY3OC0wLjI3OWMtMC4xMDcgMC0wLjIzOSAwLjAyNy0wLjM5OSAwLjEgYy0wLjIxMyAwLjIxMy0wLjg3NyAwLjgyNS0xLjk5MyAxLjgzNGMtMC43OTggMC43NDUtMS4zMDQgMS40NjMtMS41MTYgMi4xNTNjLTAuNTg2IDAuNzQ1LTEuMjUgMi4xMDEtMS45OTMgNC4xIGMtMC43NDYgMS4wMTEtMS4xOTYgMi4yODctMS4zNTYgMy44Mjh2NC4wNjdjMC41MzEgMS44IDEuNiAyLjcgMy40IDIuNzExYzEuMzgyIDAgNC4zMzMtMS4xNjkgOC44NTMtMy41MDlsMC4wOC0wLjA4IGMwLjMxOC0wLjMxOSAwLjgyMy0wLjM3MiAxLjUxNS0wLjE2QzI3NS40MzUgNDkuMiAyNzUgNTAgMjc0LjIgNTAuNjIyeiIvPjxwYXRoIGQ9Ik0yOTEuNTQ1IDUzLjE3NGMtMC41ODYgMC4yNjctMS41NDMgMC43Ny0yLjg3MSAxLjUxNWMtMC42OTEgMC4wNTItMS44MDgtMC4zNzMtMy4zNS0xLjI3NiBjLTAuMDU0LTAuNDI1LTAuMjY3LTEuMTQzLTAuNjM4LTIuMTUzYy0wLjM3My0xLjAwOS0wLjU1OS0xLjgwNy0wLjU1OS0yLjM5M2MtMC40MjYgMC40NzktMC43MTggMC45MDUtMC44NzcgMS4zIGMtMS45NjggMi40NDYtMy4xMSAzLjgyOC0zLjQzIDQuMTQ3Yy0xLjU0MiAxLjMyOC0zLjE4OSAxLjg2LTQuOTQ0IDEuNTk1Yy0xLjQzNi0xLjExNi0yLjE1My0yLjc2NC0yLjE1My00Ljk0NCBjMC0zLjc3NCAwLjM3My02LjY0NiAxLjExNi04LjYxM2MxLjg2LTUuMTA0IDUuNTU2LTkuNTk2IDExLjA4Ni0xMy40NzhoMS4yNzVjMS4yMjMgMCAxLjggMC43IDEuOCAyLjIgYzAgMC40NzktMC4xNiAxLjQzNi0wLjQ3OSAyLjg3MWMtMC4yNjcgMC42OTItMC44NTIgMS41OTUtMS43NTUgMi43MTFjLTAuMTU5IDAuMzczLTAuNzk4IDAuNzQ1LTEuOTE0IDEuMSBjMC4yNjYtMS4zODIgMC42OS0yLjQ0NSAxLjI3Ni0zLjE5YzAuMDUyLTAuMTYgMC4xODYtMC41ODQgMC4zOTgtMS4yNzZjMC4wNTMtMC4xMDYgMC4wOC0wLjI2NiAwLjA4LTAuNDc5IGMwLTAuMTYtMC4wMjctMC4zNDUtMC4wOC0wLjU1OWMwLjI2Ni0wLjIxMiAwLjM5OC0wLjM5OCAwLjM5OC0wLjU1OGMtMC4zMTgtMC4wNTItMC44NzcgMC4zOTktMS42NzUgMS40IGMtMC4xNTkgMC4xMDctMC40MjYgMC4zNDYtMC43OTcgMC43MTdjLTUuNDc3IDYuMjc0LTguMjY5IDExLjk2My04LjM3NCAxNy4wNjdjMC4yMTIgMS41IDAuNyAyLjQgMS40IDIuNiBjMS44MDctMC40NzkgMy4zNzYtMS44NiA0LjcwNS00LjE0N2MxLjQ4OC0xLjMyOSAyLjgxNy0zLjcyMSAzLjk4Ny03LjE3OGMwLjU4NS0xLjMyOSAxLjY3NS00LjcwNiAzLjI3MS0xMC4xMjggYzAuMjEyLTAuNDc5IDAuNzk3LTAuODc3IDEuNzU0LTEuMTk2YzAuNDc5IDAuNSAwLjcgMS4xIDAuNyAxLjc1NGMwIDAuMzczLTAuMTA2IDAuODc3LTAuMzE4IDEuNSBjLTAuMjE0IDAuNzk4LTAuMzQ3IDEuMzMtMC4zOTkgMS41OTVjLTIuMTI3IDUuODQ5LTMuMTg5IDkuNzI5LTMuMTg5IDExLjY0NGMwIDIuNSAwLjUgNC4yIDEuNSA1LjEgYzAuMjEyLTAuMDUyIDAuODc4LTAuMzk4IDEuOTk0LTEuMDM3YzAuOTU3LTAuNTMxIDEuNTQxLTAuNzk3IDEuNzU1LTAuNzk3YzAuMDUyIDAuMyAwLjEgMC41IDAuMSAwLjggQzI5Mi40MjIgNTIuMyAyOTIuMSA1Mi45IDI5MS41IDUzLjE3NHoiLz48L3N2Zz4=) no-repeat center center;}

But the following CSS isn’t working when I try to give it a fill color:

.logo{fill:white}

Any ideas what I’m doing wrong? Or if this can even be done using CSS for Base 64?

Thank you,

2

You are applying the fill property to the container, while it needs to be applied to the SVG itself. Normally you’d apply this to an inline SVG. I’m not sure if fill can be applied to the SVG as a background image.