Commit 53838b55 authored by Kyle Milka's avatar Kyle Milka Committed by Commit Bot

[NTP] Use correct icons for background options

Add icons as SVG files, and update the css to use the new icons.

chrome.svg: monochrome Chrome logo
photos.svg: Google Photo's logo
upload.svg: upload arrow
wallpapers.svg: Chrome wallpapers logo

Bug: 851336
Cq-Include-Trybots: luci.chromium.try:closure_compilation
Change-Id: Ie4e724144c0889b70cbed1905e9ca86cd1c88d86
Reviewed-on: https://chromium-review.googlesource.com/1109598Reviewed-by: default avatarMichael Giuffrida <michaelpg@chromium.org>
Reviewed-by: default avatarMarc Treib <treib@chromium.org>
Commit-Queue: Kyle Milka <kmilka@chromium.org>
Cr-Commit-Position: refs/heads/master@{#569639}
parent 0c59f598
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
<defs>
<path id="chrome_16dp-a" d="M8,5.3 L13.34,5.3 C12.38,3.32 10.34,2 8,2 C6.14,2 4.46,2.84 3.38,4.16 L5.36,7.58 C5.54,6.32 6.68,5.3 8,5.3 L8,5.3 Z M8,10.7 C6.98,10.7 6.14,10.16 5.66,9.32 L2.96,4.7 C2.36,5.66 2,6.8 2,8 C2,11 4.16,13.46 7.04,13.94 L9.02,10.52 C8.66,10.64 8.36,10.7 8,10.7 L8,10.7 Z M10.7,8 C10.7,7.16 10.28,6.38 9.68,5.9 L13.64,5.9 C13.88,6.56 14,7.28 14,8 C14,11.3 11.3,14 8,14 L7.64,14 L10.34,9.32 C10.58,8.96 10.7,8.48 10.7,8 Z M8,10.1 C6.84020203,10.1 5.9,9.15979797 5.9,8 C5.9,6.84020203 6.84020203,5.9 8,5.9 C9.15979797,5.9 10.1,6.84020203 10.1,8 C10.1,9.15979797 9.15979797,10.1 8,10.1 Z"/>
</defs>
<g fill="none" fill-rule="evenodd">
<use fill="#000" xlink:href="#chrome_16dp-a"/>
</g>
</svg>
...@@ -79,7 +79,6 @@ ...@@ -79,7 +79,6 @@
} }
.bg-option-img { .bg-option-img {
background: url(../../../../ui/webui/resources/images/settings.svg) no-repeat center;
background-size: 24px 24px; background-size: 24px 24px;
display: inline-block; display: inline-block;
height: 24px; height: 24px;
...@@ -90,6 +89,24 @@ ...@@ -90,6 +89,24 @@
width: 24px; width: 24px;
} }
#edit-bg-google-photos .bg-option-img {
background: url(photos.svg) no-repeat center;
}
#edit-bg-default-wallpapers .bg-option-img {
background: url(wallpapers.svg) no-repeat center;
}
#edit-bg-upload-image .bg-option-img {
background: rgb(241, 243, 244) url(upload.svg) no-repeat center;
border-radius: 50%;
}
#edit-bg-restore-default .bg-option-img {
background: rgb(241, 243, 244) url(chrome.svg) no-repeat center;
border-radius: 50%;
}
.bg-option-text { .bg-option-text {
display: inline-block; display: inline-block;
line-height: normal; line-height: normal;
......
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24">
<defs>
<path id="photos_24dp-a" d="M19.425,10 L15,10 L15,4.985 L10.345,0.43 C10.31,0.395 10.26,0.37 10.205,0.37 C10.095,0.37 10.005,0.46 10.005,0.57 L10.005,5 L4.985,5 L0.43,9.655 C0.395,9.69 0.37,9.74 0.37,9.795 C0.37,9.905 0.46,9.995 0.57,9.995 L5,9.995 L5,15.01 L9.655,19.565 C9.69,19.6 9.74,19.625 9.795,19.625 C9.905,19.625 9.995,19.535 9.995,19.425 L9.995,15 L15.01,15 L19.565,10.345 C19.6,10.31 19.625,10.26 19.625,10.205 C19.625,10.09 19.535,10 19.425,10 Z"/>
<path id="photos_24dp-c" d="M19.425,10 L15,10 L15,4.985 L10.345,0.43 C10.31,0.395 10.26,0.37 10.205,0.37 C10.095,0.37 10.005,0.46 10.005,0.57 L10.005,5 L4.985,5 L0.43,9.655 C0.395,9.69 0.37,9.74 0.37,9.795 C0.37,9.905 0.46,9.995 0.57,9.995 L5,9.995 L5,15.01 L9.655,19.565 C9.69,19.6 9.74,19.625 9.795,19.625 C9.905,19.625 9.995,19.535 9.995,19.425 L9.995,15 L15.01,15 L19.565,10.345 C19.6,10.31 19.625,10.26 19.625,10.205 C19.625,10.09 19.535,10 19.425,10 Z"/>
<path id="photos_24dp-e" d="M19.425,10 L15,10 L15,4.985 L10.345,0.43 C10.31,0.395 10.26,0.37 10.205,0.37 C10.095,0.37 10.005,0.46 10.005,0.57 L10.005,5 L4.985,5 L0.43,9.655 C0.395,9.69 0.37,9.74 0.37,9.795 C0.37,9.905 0.46,9.995 0.57,9.995 L5,9.995 L5,15.01 L9.655,19.565 C9.69,19.6 9.74,19.625 9.795,19.625 C9.905,19.625 9.995,19.535 9.995,19.425 L9.995,15 L15.01,15 L19.565,10.345 C19.6,10.31 19.625,10.26 19.625,10.205 C19.625,10.09 19.535,10 19.425,10 Z"/>
<path id="photos_24dp-g" d="M19.425,10 L15,10 L15,4.985 L10.345,0.43 C10.31,0.395 10.26,0.37 10.205,0.37 C10.095,0.37 10.005,0.46 10.005,0.57 L10.005,5 L4.985,5 L0.43,9.655 C0.395,9.69 0.37,9.74 0.37,9.795 C0.37,9.905 0.46,9.995 0.57,9.995 L5,9.995 L5,15.01 L9.655,19.565 C9.69,19.6 9.74,19.625 9.795,19.625 C9.905,19.625 9.995,19.535 9.995,19.425 L9.995,15 L15.01,15 L19.565,10.345 C19.6,10.31 19.625,10.26 19.625,10.205 C19.625,10.09 19.535,10 19.425,10 Z"/>
<radialGradient id="photos_24dp-i" cx="15.188%" cy="15.215%" r="108.37%" fx="15.188%" fy="15.215%">
<stop offset="0%" stop-color="#FFF"/>
<stop offset="100%" stop-color="#FFF" stop-opacity="0"/>
</radialGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<circle cx="12" cy="12" r="11" fill="#FFF" fill-rule="nonzero"/>
<path fill="#FFF" fill-opacity=".2" fill-rule="nonzero" d="M12,1.115 C18.055,1.115 22.97,6.01 23,12.06 L23,12.005 C23,5.93 18.075,1.005 12,1.005 C5.925,1.005 1,5.925 1,12 L1,12.055 C1.03,6.01 5.945,1.115 12,1.115 Z"/>
<path fill="#263238" fill-opacity=".2" fill-rule="nonzero" d="M23,11.945 C22.97,17.995 18.055,22.89 12,22.89 C5.945,22.89 1.03,17.995 1,11.945 L1,12 C1,18.075 5.925,23 12,23 C18.075,23 23,18.075 23,12 L23,11.945 Z"/>
<circle cx="12" cy="12" r="11"/>
<g transform="translate(2 2)">
<mask id="photos_24dp-b" fill="#fff">
<use xlink:href="#photos_24dp-a"/>
</mask>
<g mask="url(#photos_24dp-b)">
<g transform="translate(8.5 8.5)">
<path fill="#4285F4" fill-rule="nonzero" d="M11.065,1.845 C11.1,1.81 11.125,1.76 11.125,1.705 C11.125,1.595 11.035,1.505 10.925,1.505 L1.5,1.505 L1.5,6.505 L6.515,6.505 L11.065,1.845 Z"/>
<image width="8" height="8" x=".297" y=".297" opacity=".2" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABGdBTUEAALGOGCHvlwAAAbpJREFUOBGtlMtu2zAQRWeGEv1IDUVV4T7SRZGNgXrRbrvsR/gr8zcFtPUiDVIU7iOSk0qgTU4vlcZoAjfyoiNA5JDDwxnySkT/wXjHWCz45bKVo2rLN1miX06Hgc7OdDf/SMfEuQUA/vLKGn+dmbTJh9Taor4OL/JJWK1WvaAOkiSJCV6OmfxbEn3HrIUEvxFD7bQofB+og+R5npBJpyT8gZg+EvEbJKjKvBbDTR8oQTBZa3kjbJF3QcozDA3RP1IS8MC3dDGfz5uyLEOMf2gdJA4qoQgi+DqGewJ/EE89HADaQSLoj2F7GjHpa4Dw9IP2QSIrguyhoH9BIigmcVBGj0EOBvVB9oKUDHnmkI6TCwi13UFQv+IYPW5og5Uurn5gBjFTHPZ7FHqDan96r9VyuXQdxDmnNBg6NfwDkPN4GLD0trn3DgC1iHmCDY+D8qCqKygJBrEFJ2mNyyw7tRA9hXA6Nd9D3DpbCOo7MjkXkzRZlmkHmc1m4dPlVa3uVym6/QyAZWh+D4BUNMrHBTY12fH69NUJsrszfMnPq0qerdeSNg2F8NfcXQxaEdHNaETfJpPwNcu638VvymLOT8h+q8wAAAAASUVORK5CYII="/>
<polygon fill="#3367D6" fill-rule="nonzero" points="1.5 1.5 1.5 6.5 6.515 6.5"/>
<path fill="#263238" fill-opacity=".2" fill-rule="nonzero" d="M6.515,6.5 L11.07,1.845 C11.105,1.81 11.13,1.76 11.13,1.705 C11.13,1.685 11.125,1.67 11.12,1.655 C11.11,1.69 11.095,1.72 11.07,1.745 L6.515,6.4 L1.5,6.4 L1.5,6.5 L6.515,6.5 Z"/>
<polygon fill="#263238" fill-opacity=".1" fill-rule="nonzero" points="1.5 1.5 1.5 1.6 6.415 6.5 6.515 6.5"/>
<path fill="#FFF" fill-opacity=".2" fill-rule="nonzero" d="M11.115,1.75 C11.12,1.735 11.125,1.72 11.125,1.7 C11.125,1.59 11.035,1.5 10.925,1.5 L1.5,1.5 L1.5,1.6 L10.925,1.6 C11.015,1.6 11.09,1.665 11.115,1.75 Z"/>
</g>
</g>
</g>
<g transform="translate(2 2)">
<mask id="photos_24dp-d" fill="#fff">
<use xlink:href="#photos_24dp-c"/>
</mask>
<g mask="url(#photos_24dp-d)">
<g transform="translate(3.5 8.5)">
<image width="8" height="13" x=".297" y=".297" opacity=".25" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAbCAYAAACa9mScAAAABGdBTUEAALGOGCHvlwAAAixJREFUOBHtlc1u00AQx2fWid0EJaEpH+JDHODQg1EuSIhH4AXylH0bRIxUIQ5EpaDQNLGbuFnbO/xnoQlKojQSPTLS3/Z6Z347uztrE92B8ZLR7/Pj6dQ8yDJTz3Nyzq36lk5ExhgpGg362Wq5H52Oo5MT8Y59AD58m4TOzttGyjYJhex4K0SMCDFZx7XUhM209/S+9Y69Xi+wQavr2MXEEmPgLkDBXwmsHpkqNMYkPDBiBmGVjWvaa601FBVtCkyMcd6D/AKv69q3YUKFEH1ljEKuGCJ24iFhGHJhOERwF0EKeAWFG4DfL3z66suIqSPWQ7QPE2WwdQqagQK2Z4IO7VNfjdGG0cu/2n/I5gre7ZqgePQMaDWWkN6xi/uZzwRVJ+LEIu4SYefQBbSA9gLdVKyzpp6KVAkOVxvBM+g19AxqQL6ocN9qHnJ8fOxwilNZzD6ycxN4fodmqMi3mOZzPO8E+ZOaJAldvHvjHuZX13VbpkIyQUUvMHwEUBv3JkA6oGbkoDE0QGMQSDFeHXcFDYfy6OiwNAHngGQAbAPtgACtNhqNADqqdoA0G92ALZko4Y/dAorglkLJ5nRuCLeAsCxYH84B+GRIkkDKy9WarEG0uZ4RvhwL/wlhyQA5JSenlZ1Pd0LWQcLBFPujO3OGbD4z185CU811kfayOI5N0TyMuJKWiERVEOS16CBbfu33oqgTfi1Pvlybe9OSZ52anL888P+dveN3Of4Ce8cEcKRuZgoAAAAASUVORK5CYII="/>
<path fill="#8BC34A" fill-rule="nonzero" d="M6.155,11.065 C6.19,11.1 6.24,11.125 6.295,11.125 C6.405,11.125 6.495,11.035 6.495,10.925 L6.495,1.5 L1.5,1.5 L1.5,6.515 L6.155,11.065 Z"/>
<image width="7.5" height="8" x=".297" y=".297" opacity=".2" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAABGdBTUEAALGOGCHvlwAAAaxJREFUOBG9k8Fq20AQhmd2FRk32IlNQ2+lkIMPBj9HX8BPmUfIKcektIaCfYx1MCaua6ijUsUrZSb/qBYYYYWcsrBa7ex8/8zO7jJZG4/503brPqapO8kyEhEu7bWPc07zdpt+dzqyOjsTurpSHgP+ufwTS/jXdVp0SSlm4WMCCqtCeifEj/lTkSbTbzmPRiMffKcvLENiHSJoHyK+FtymQsQZkS5ZdUZS3O+2mzQKIThq5V3ybqhKXxH6M5xPagKAyeAFxjslmiPJMssojmPOHceY9bFo8CV6jF61PUwGb7CLOcaH593zU5IkGpmXEjNULW2LbHCVAcyUYf0XwAk8b5hk4qlYRS4ErKnDp6lV8ALwLXyvHcmd12JBIWTT6dQyoyaBN8FNAuWekfarkau0yxpUE4wVbHtuTPvAnw4F9tUuI1vBju75ELb/SgBweUkWADfoN8cKVodt7nu9ntMoPiV25xD5i9R/AP5er/Yx2Gx2kSQoPeIyzFD6OWwPds6HR9UEm90NBgPxrQ8pOX8v3s8C+eVbYRP4/+rwIr+s1+V/cnGh9kxt8V3aC3jLDehdzfDDAAAAAElFTkSuQmCC"/>
<polygon fill="#0F9D58" fill-rule="nonzero" points="1.5 1.5 1.5 6.515 6.5 1.5"/>
<path fill="#3E2723" fill-opacity=".1" fill-rule="nonzero" d="M6.3,11.025 C6.245,11.025 6.195,11 6.16,10.965 L1.555,6.46 L1.505,6.51 L6.16,11.065 C6.195,11.1 6.245,11.125 6.3,11.125 C6.41,11.125 6.5,11.035 6.5,10.925 L6.5,10.825 C6.5,10.935 6.41,11.025 6.3,11.025 Z"/>
<polygon fill="#3E2723" fill-opacity=".05" fill-rule="nonzero" points="6.5 1.6 6.4 1.6 1.5 6.515 1.5 6.615"/>
</g>
</g>
</g>
<g transform="translate(2 2)">
<mask id="photos_24dp-f" fill="#fff">
<use xlink:href="#photos_24dp-e"/>
</mask>
<g mask="url(#photos_24dp-f)">
<g transform="translate(-1 4)">
<image width="12" height="7.5" x=".098" y=".098" opacity=".2" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAQCAYAAADj5tSrAAAABGdBTUEAALGOGCHvlwAAAadJREFUOBG1lE1Lw0AQht/ZmDZW/MCPkxYvFWsPgoh4EvEiIuhP6d/z7MmT4EHrpShCBcFDRagmrdnx3YgaxdRYdWCSze7O+8xmZ1eQ3wSoA9ttwXjYP+qoDLQOFTimAwzMZTK/vBwUTDADT0YZ4dGzYlVUQov4Ngw7961GI86amCbL7Pp6aaSLKkS2AF2gfpDFEFWrItecd/BU9E8u1lY6Q2m1L9oJoBTrEsTsiWKHoHn+A58iGQmqy/ycWqeqeoZ2W/pB3gBizT4Bu5RdZHCJngFwaLEcH6MXoFYQhsiCZAFG+gE45owJCP19z81L/4fnbwAfhF4/PkP+HOBAaci/ANKQfwM4iNt4HrSNoBj3qrDiyvS1ivJsstP41gzqdRT9p2lYbHL2Nsu0wjcPW1Ierhx/5O4wCmv3JZ4p04YwOenKrcDCG2bXg0Iu2e/OgfNBzAGa9DvxvBjlMoVWV6UCM2Fgarxz5oguDqKcinHZ3zHxRiS2dQUbJdnO1WpewUwFOqw+DFc7+CpcqErkxXHvMYqidvem2UzfPzmv8VTKmc33qz6Z8gxpvLC5FEW86QAAAABJRU5ErkJggg=="/>
<path fill="#FFBC00" fill-rule="nonzero" d="M1.435,5.655 C1.4,5.69 1.375,5.74 1.375,5.795 C1.375,5.905 1.465,5.995 1.575,5.995 L11,5.995 L11,1 L5.985,1 L1.435,5.655 Z"/>
<image width="7.5" height="7.5" x="5.098" y=".098" opacity=".2" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGOGCHvlwAAAYZJREFUOBGtUz1PAkEQndlbjgPUBCEUaEOjtQWFiZ2F/8Y/Z+FPIJoQKTRGbSzQEIWcHhDggB3fIidnPPQKJ5nsx8x7+3Z2lomIj2s1b+pSmYU3iURjL9GYWAzLWBnqTkbToNFuz/UpUlsZKgurE2E+YJECtjiJwTAbBJ6MMud5l1vADvX2Z7KLwC6JHAK4A7cqkkjmQnQLJdckdOMjR59Bc2EuPtJbQOxDRQVExSUJhpVBncFqCxAXRDzGQjexqo/CwPXcS0c7UCIKJEcgqdj4Cr6YWVWRssXo2O3nft+Ust5IK6fHSg0R2SDmEkI5uLI5S8PB9AJvqLm5z78F4wWBDXYGA1Py/iRZT5CS5HeCFCT23slXsODI1l6H2UPOK/xnDSJwNCaSEBVxhwAyLhwUMRcvYgSMj99IHLyOkC16D97UYh73/CD8eoU4MD6PSNxMposOaCOGTqQ7MzX+w3sws0VJZfVqVW95TlYxqXBGYTCZhledjqQmsKfYj2f/jm1/dPD/2AcnaMkJFIODcAAAAABJRU5ErkJggg=="/>
<polygon fill="#FF9800" fill-rule="nonzero" points="11 6 11 1 5.985 1"/>
<path fill="#FFF" fill-opacity=".2" fill-rule="nonzero" d="M5.985,1 L1.43,5.655 C1.395,5.69 1.37,5.74 1.37,5.795 C1.37,5.815 1.375,5.83 1.38,5.845 C1.39,5.81 1.405,5.78 1.43,5.755 L5.985,1.1 L11,1.1 L11,1 L5.985,1 Z"/>
<path fill="#3E2723" fill-opacity=".05" fill-rule="nonzero" d="M1.575,6 C1.48,6 1.405,5.935 1.385,5.85 C1.38,5.865 1.375,5.88 1.375,5.9 C1.375,6.01 1.465,6.1 1.575,6.1 L11,6.1 L11,6"/>
<polygon fill="#3E2723" fill-opacity=".1" fill-rule="nonzero" points="11 6 11 5.9 6.085 1 5.985 1"/>
</g>
</g>
</g>
<g transform="translate(2 2)">
<mask id="photos_24dp-h" fill="#fff">
<use xlink:href="#photos_24dp-g"/>
</mask>
<g fill-rule="nonzero" mask="url(#photos_24dp-h)">
<g transform="translate(7.5)">
<path fill="#DB4437" d="M2.845,0.435 C2.81,0.4 2.76,0.375 2.705,0.375 C2.595,0.375 2.505,0.465 2.505,0.575 L2.505,10 L7.505,10 L7.505,4.985 L2.845,0.435 Z"/>
<path fill="#FFF" fill-opacity=".2" d="M2.845,0.435 C2.81,0.4 2.76,0.375 2.705,0.375 C2.595,0.375 2.505,0.465 2.505,0.575 L2.505,0.675 C2.505,0.565 2.595,0.475 2.705,0.475 C2.76,0.475 2.81,0.5 2.845,0.535 L7.4,4.99 L7.5,4.99 L2.845,0.435 Z"/>
<polygon fill="#AD1457" points="7.5 10 7.5 4.985 2.5 10"/>
<polygon fill="#FFF" points="2.5 9.9 2.6 9.9 7.5 4.985 7.4 4.99" opacity=".2"/>
<polygon fill="#3E2723" fill-opacity=".1" points="2.5 9.9 7.5 9.9 7.5 10 2.5 10"/>
<polygon fill="#F1F1F1" points="1.9 9.4 2.5 7.995 3.1 9.4 4.505 10 3.1 10.6 2.5 12.005 1.9 10.6 .495 10"/>
</g>
</g>
</g>
<circle cx="12" cy="12" r="11" fill="url(#photos_24dp-i)" fill-opacity=".1" fill-rule="nonzero"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<g fill="none" fill-rule="evenodd">
<polygon fill="#000" fill-rule="nonzero" points="3 12 3 14 13 14 13 12"/>
<polygon fill="#000" points="13 6.154 10.01 6.154 10.01 2 6.014 2 6.014 6.154 3 6.154 8 11" transform="rotate(-180 8 6.5)"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24">
<defs>
<circle id="group-a" cx="11.936" cy="11.932" r="11.932"/>
<path id="group-c" d="M23.8277966,12.9152542 L16.779661,5.86711864 C16.3322034,5.29898305 15.6379661,4.93559322 14.859661,4.93559322 C13.7966102,4.93559322 12.8908475,5.61491525 12.5559322,6.5640678 L12.1355932,6.5640678 L11.3830508,5.37220339 C11.0264407,4.80813559 10.2020339,4.80813559 9.84542373,5.37220339 L3.53355932,15.3613559 C3.34779661,15.6555932 3.30847458,16.1613559 3.69355932,16.5138983 L11.0698305,23.8332203 C11.3559322,23.8535593 11.6433898,23.8644068 11.9349153,23.8644068 C18.1952542,23.8644068 23.3288136,19.0454237 23.8277966,12.9152542 Z"/>
<linearGradient id="group-d" x1="18.237%" x2="80.781%" y1="16.317%" y2="82.979%">
<stop offset="0%" stop-color="#1C3AA9" stop-opacity=".2"/>
<stop offset="100%" stop-color="#1C3AA9" stop-opacity=".02"/>
</linearGradient>
<path id="group-f" d="M23.8277966,12.9152542 L16.779661,5.86711864 C16.3322034,5.29898305 15.6379661,4.93559322 14.859661,4.93559322 C13.7966102,4.93559322 12.8908475,5.61491525 12.5559322,6.5640678 L12.1355932,6.5640678 L11.3830508,5.37220339 C11.0264407,4.80813559 10.2020339,4.80813559 9.84542373,5.37220339 L3.53355932,15.3613559 C3.34779661,15.6555932 3.30847458,16.1613559 3.69355932,16.5138983 L11.0698305,23.8332203 C11.3559322,23.8535593 11.6433898,23.8644068 11.9349153,23.8644068 C18.1952542,23.8644068 23.3288136,19.0454237 23.8277966,12.9152542 Z"/>
<path id="group-h" d="M23.8277966,12.9152542 L16.779661,5.86711864 C16.3322034,5.29898305 15.6379661,4.93559322 14.859661,4.93559322 C13.7966102,4.93559322 12.8908475,5.61491525 12.5559322,6.5640678 L12.1355932,6.5640678 L11.3830508,5.37220339 C11.0264407,4.80813559 10.2020339,4.80813559 9.84542373,5.37220339 L3.53355932,15.3613559 C3.34779661,15.6555932 3.30847458,16.1613559 3.69355932,16.5138983 L11.0698305,23.8332203 C11.3559322,23.8535593 11.6433898,23.8644068 11.9349153,23.8644068 C18.1952542,23.8644068 23.3288136,19.0454237 23.8277966,12.9152542 Z"/>
<path id="group-j" d="M23.8277966,12.9152542 L16.779661,5.86711864 C16.3322034,5.29898305 15.6379661,4.93559322 14.859661,4.93559322 C13.7966102,4.93559322 12.8908475,5.61491525 12.5559322,6.5640678 L12.1355932,6.5640678 L11.3830508,5.37220339 C11.0264407,4.80813559 10.2020339,4.80813559 9.84542373,5.37220339 L3.53355932,15.3613559 C3.34779661,15.6555932 3.30847458,16.1613559 3.69355932,16.5138983 L11.0698305,23.8332203 C11.3559322,23.8535593 11.6433898,23.8644068 11.9349153,23.8644068 C18.1952542,23.8644068 23.3288136,19.0454237 23.8277966,12.9152542 Z"/>
<path id="group-l" d="M23.8277966,12.9152542 L16.779661,5.86711864 C16.3322034,5.29898305 15.6379661,4.93559322 14.859661,4.93559322 C13.7966102,4.93559322 12.8908475,5.61491525 12.5559322,6.5640678 L12.1355932,6.5640678 L11.3830508,5.37220339 C11.0264407,4.80813559 10.2020339,4.80813559 9.84542373,5.37220339 L3.53355932,15.3613559 C3.34779661,15.6555932 3.30847458,16.1613559 3.69355932,16.5138983 L11.0698305,23.8332203 C11.3559322,23.8535593 11.6433898,23.8644068 11.9349153,23.8644068 C18.1952542,23.8644068 23.3288136,19.0454237 23.8277966,12.9152542 Z"/>
<path id="group-n" d="M23.8277966,12.9152542 L16.779661,5.86711864 C16.3322034,5.29898305 15.6379661,4.93559322 14.859661,4.93559322 C13.7966102,4.93559322 12.8908475,5.61491525 12.5559322,6.5640678 L12.1355932,6.5640678 L11.3830508,5.37220339 C11.0264407,4.80813559 10.2020339,4.80813559 9.84542373,5.37220339 L3.53355932,15.3613559 C3.34779661,15.6555932 3.30847458,16.1613559 3.69355932,16.5138983 L11.0698305,23.8332203 C11.3559322,23.8535593 11.6433898,23.8644068 11.9349153,23.8644068 C18.1952542,23.8644068 23.3288136,19.0454237 23.8277966,12.9152542 Z"/>
<path id="group-p" d="M23.8277966,12.9152542 L16.779661,5.86711864 C16.3322034,5.29898305 15.6379661,4.93559322 14.859661,4.93559322 C13.7966102,4.93559322 12.8908475,5.61491525 12.5559322,6.5640678 L12.1355932,6.5640678 L11.3830508,5.37220339 C11.0264407,4.80813559 10.2020339,4.80813559 9.84542373,5.37220339 L3.53355932,15.3613559 C3.34779661,15.6555932 3.30847458,16.1613559 3.69355932,16.5138983 L11.0698305,23.8332203 C11.3559322,23.8535593 11.6433898,23.8644068 11.9349153,23.8644068 C18.1952542,23.8644068 23.3288136,19.0454237 23.8277966,12.9152542 Z"/>
<linearGradient id="group-r" x1="14.132%" x2="85.172%" y1="14.136%" y2="85.175%">
<stop offset="0%" stop-color="#FFF" stop-opacity=".1"/>
<stop offset="100%" stop-color="#FFF" stop-opacity="0"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<mask id="group-b" fill="#fff">
<use xlink:href="#group-a"/>
</mask>
<circle cx="11.936" cy="11.932" r="11.932" fill="#4285F4" fill-rule="nonzero" mask="url(#group-b)"/>
<mask id="group-e" fill="#fff">
<use xlink:href="#group-c"/>
</mask>
<path fill="url(#group-d)" fill-rule="nonzero" d="M23.8277966,12.9152542 L16.779661,5.86711864 C16.3322034,5.29898305 15.6379661,4.93559322 14.859661,4.93559322 C13.7966102,4.93559322 12.8908475,5.61491525 12.5559322,6.5640678 L12.1355932,6.5640678 L11.3830508,5.37220339 C11.0264407,4.80813559 10.2020339,4.80813559 9.84542373,5.37220339 L3.53355932,15.3613559 C3.34779661,15.6555932 3.30169492,16.1694915 3.71525424,16.5315254 L11.2881356,24.1044068 C11.3559322,23.8549153 11.6447458,23.8657627 11.9362712,23.8657627 C18.1952542,23.8644068 23.3288136,19.0454237 23.8277966,12.9152542 Z" mask="url(#group-e)"/>
<mask id="group-g" fill="#fff">
<use xlink:href="#group-f"/>
</mask>
<path fill="#EEE" fill-rule="nonzero" d="M20.3376271,15.3613559 L18.3498305,12.2155932 C17.9932203,11.6515254 17.1688136,11.6515254 16.8122034,12.2155932 L16.260339,13.0888136 L11.3844068,5.37220339 C11.0277966,4.80813559 10.2033898,4.80813559 9.84677966,5.37220339 L3.53491525,15.3613559 C3.15525424,15.9633898 3.58915254,16.7457627 4.30372881,16.7457627 L19.5688136,16.7457627 C20.2833898,16.7457627 20.7172881,15.9633898 20.3376271,15.3613559 Z" mask="url(#group-g)"/>
<mask id="group-i" fill="#fff">
<use xlink:href="#group-h"/>
</mask>
<path fill="#FFF" fill-opacity=".4" fill-rule="nonzero" d="M3.53491525,15.4969492 L9.84677966,5.50779661 C10.2033898,4.94372881 11.0277966,4.94372881 11.3844068,5.50779661 L16.260339,13.2244068 L16.8122034,12.3511864 C17.1688136,11.7871186 17.9932203,11.7871186 18.3498305,12.3511864 L20.3376271,15.4969492 C20.4216949,15.6298305 20.4637288,15.7708475 20.4745763,15.9105085 C20.4894915,15.7274576 20.4488136,15.5376271 20.3376271,15.3613559 L18.3498305,12.2155932 C17.9932203,11.6515254 17.1688136,11.6515254 16.8122034,12.2155932 L16.260339,13.0888136 L11.3844068,5.37220339 C11.0277966,4.80813559 10.2033898,4.80813559 9.84677966,5.37220339 L3.53491525,15.3613559 C3.42372881,15.5362712 3.38440678,15.7274576 3.3979661,15.9105085 C3.40881356,15.7708475 3.45084746,15.6298305 3.53491525,15.4969492 Z" mask="url(#group-i)"/>
<mask id="group-k" fill="#fff">
<use xlink:href="#group-j"/>
</mask>
<path fill="#A1C2FA" fill-rule="nonzero" d="M11.9932203,6.5640678 L12.5559322,6.5640678 C12.8908475,5.61491525 13.7952542,4.93559322 14.859661,4.93559322 C16.2088136,4.93559322 17.3030508,6.02983051 17.3030508,7.37898305 C17.3030508,8.72813559 16.2088136,9.71118644 14.859661,9.71118644 L11.9932203,9.71118644 C11.0942373,9.71118644 10.3647458,9.11728814 10.3647458,8.21694915 C10.3647458,7.31661017 11.0942373,6.5640678 11.9932203,6.5640678 Z" mask="url(#group-k)"/>
<mask id="group-m" fill="#fff">
<use xlink:href="#group-l"/>
</mask>
<path fill="#212121" fill-opacity=".1" fill-rule="nonzero" d="M19.5688136,16.6101695 L4.30372881,16.6101695 C3.7979661,16.6101695 3.43322034,16.2169492 3.3979661,15.7735593 C3.36135593,16.2684746 3.74644068,16.7457627 4.30372881,16.7457627 L19.5688136,16.7457627 C20.1261017,16.7457627 20.5111864,16.2698305 20.4745763,15.7735593 C20.439322,16.2169492 20.0745763,16.6101695 19.5688136,16.6101695 Z" mask="url(#group-m)"/>
<mask id="group-o" fill="#fff">
<use xlink:href="#group-n"/>
</mask>
<path fill="#FFF" fill-opacity=".2" fill-rule="nonzero" d="M11.9932203,6.69966102 L12.5559322,6.69966102 C12.8908475,5.75050847 13.7952542,5.07118644 14.859661,5.07118644 C16.1857627,5.07118644 17.2637288,6.12881356 17.2989831,7.44677966 C17.2989831,7.42372881 17.3030508,7.4020339 17.3030508,7.37898305 C17.3030508,6.02983051 16.2088136,4.93559322 14.859661,4.93559322 C13.7966102,4.93559322 12.8908475,5.61491525 12.5559322,6.5640678 L11.9932203,6.5640678 C11.0942373,6.5640678 10.3647458,7.31661017 10.3647458,8.21694915 C10.3647458,8.24 10.3674576,8.26169492 10.3688136,8.28474576 C10.4040678,7.41423729 11.1172881,6.69966102 11.9932203,6.69966102 Z" mask="url(#group-o)"/>
<mask id="group-q" fill="#fff">
<use xlink:href="#group-p"/>
</mask>
<path fill="#1A237E" fill-opacity=".2" fill-rule="nonzero" d="M14.859661,9.70983051 L11.9932203,9.70983051 C11.1172881,9.70983051 10.4040678,9.14440678 10.3674576,8.28338983 C10.3661017,8.30644068 10.3633898,8.32813559 10.3633898,8.35118644 C10.3633898,9.25016949 11.0928814,9.84542373 11.9918644,9.84542373 L14.8583051,9.84542373 C16.2074576,9.84542373 17.3016949,8.86372881 17.3016949,7.51322034 C17.3016949,7.49016949 17.2989831,7.46847458 17.2976271,7.44542373 C17.2637288,8.75932203 16.1871186,9.70983051 14.859661,9.70983051 Z" mask="url(#group-q)"/>
<path fill="#1A237E" fill-rule="nonzero" d="M11.9362712,23.7288136 C5.36813559,23.7288136 0.0406779661,18.4230508 0.00406779661,11.8644068 C0.00406779661,11.8874576 0.00271186441,11.9091525 0.00271186441,11.9322034 C0.00271186441,18.5220339 5.34508475,23.8644068 11.9349153,23.8644068 C18.5247458,23.8644068 23.8671186,18.5220339 23.8671186,11.9322034 C23.8671186,11.9091525 23.8657627,11.8874576 23.8657627,11.8644068 C23.8305085,18.4230508 18.5030508,23.7288136 11.9362712,23.7288136 Z" mask="url(#group-q)" opacity=".2"/>
<path fill="#FFF" fill-rule="nonzero" d="M11.9362712,0.13559322 C18.5030508,0.13559322 23.8305085,5.44135593 23.8671186,12 C23.8671186,11.9769492 23.8684746,11.9552542 23.8684746,11.9322034 C23.8684746,5.34237288 18.5261017,0 11.9362712,0 C5.34644068,0 0.00406779661,5.34237288 0.00406779661,11.9322034 C0.00406779661,11.9552542 0.00542372881,11.9769492 0.00542372881,12 C0.0406779661,5.44135593 5.36813559,0.13559322 11.9362712,0.13559322 Z" mask="url(#group-q)" opacity=".2"/>
<circle cx="11.936" cy="11.932" r="11.932" fill="url(#group-r)" fill-rule="nonzero" mask="url(#group-q)"/>
<rect width="26.034" height="26.034" x="-1.081" y="-1.085" mask="url(#group-q)"/>
</g>
</svg>
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment