Bug 1578768 - Resize icons to fit in a 64px X 64px area. r=johannh

Differential Revision: https://phabricator.services.mozilla.com/D44718

--HG--
extra : moz-landing-system : lando
This commit is contained in:
Erica Wright 2019-09-06 16:55:39 +00:00
parent e6a72f86be
commit c146e8c8a1
3 changed files with 10 additions and 4 deletions

View File

@ -1 +1,4 @@
<svg width="48" height="56" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="59.208%" y1="0%" x2="13.265%" y2="110.029%" id="a"><stop stop-color="#AB71FF" offset="0%"/><stop stop-color="#00B3F4" offset="100%"/></linearGradient></defs><path d="M48 9.57c0 4.24 0 11.88-.35 15.35-.91 9.88-2.76 15.29-7.32 21.45a24.94 24.94 0 0 1-16 9.63H24l-.35-.02a24.94 24.94 0 0 1-16-9.63C3.09 40.19 1.24 34.78.33 24.9 0 21.46 0 13.82 0 9.57a6.52 6.52 0 0 1 5.43-6.45L24 0l18.57 3.12A6.52 6.52 0 0 1 48 9.57zm-6.31 14.78c.22-2.35.31-7.72.31-14.8a.55.55 0 0 0-.43-.55L24 6 6.43 9.03a.55.55 0 0 0-.43.55c0 7.06.09 12.42.31 14.81.81 8.84 2.25 13.15 6.16 18.42A19.17 19.17 0 0 0 24 50a19.25 19.25 0 0 0 11.53-7.23c3.91-5.27 5.35-9.57 6.16-18.42zm-29.41-.55c-.15-1.61-.28-5.07-.28-9.67l12-2v31.66a13 13 0 0 1-6.72-4.59c-2.88-3.9-4.22-6.9-5-15.4z" fill-rule="nonzero" fill="url(#a)"/></svg>
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 64 64"><defs><linearGradient id="a" x1="34.8" y1="17.75" x2="20.9" y2="41.82" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ab71ff"/><stop offset="1" stop-color="#00b3f4"/></linearGradient><linearGradient id="b" x1="44.47" y1="3.13" x2="15.83" y2="52.75" xlink:href="#a"/><radialGradient id="c" cx="32.08" cy="29.82" fx="55.31" fy="9.098" r="31.42" gradientUnits="userSpaceOnUse"><stop offset=".18" stop-color="#ab71ff"/><stop offset=".32" stop-color="#a772ff"/><stop offset=".44" stop-color="#9c77fe"/><stop offset=".56" stop-color="#897efd"/><stop offset=".68" stop-color="#6f88fb"/><stop offset=".8" stop-color="#4d95f9"/><stop offset=".92" stop-color="#24a5f6"/><stop offset="1" stop-color="#00b3f4"/></radialGradient></defs><path d="M20.28 27.8c.78 8.5 2.12 11.5 5 15.4A13 13 0 0 0 32 47.79V16.13l-12 2c0 4.6.13 8.06.28 9.67z" fill="url(#a)"/><path d="M56 13.57a6.52 6.52 0 0 0-5.43-6.45L32 4 13.43 7.12A6.52 6.52 0 0 0 8 13.57c0 4.25 0 11.89.33 15.33.91 9.88 2.76 15.29 7.32 21.45a24.94 24.94 0 0 0 16 9.63L32 60h.33a24.94 24.94 0 0 0 16-9.63c4.56-6.16 6.41-11.57 7.32-21.45.35-3.47.35-11.11.35-15.35zm-6.31 14.78c-.81 8.85-2.25 13.15-6.16 18.42A19.25 19.25 0 0 1 32 54a19.17 19.17 0 0 1-11.53-7.19c-3.91-5.27-5.35-9.58-6.16-18.42C14.09 26 14 20.64 14 13.58a.55.55 0 0 1 .43-.55L32 10l17.57 3a.55.55 0 0 1 .43.55c0 7.08-.09 12.45-.31 14.8z" fill="url(#b)"/><path d="M56 13.57a6.52 6.52 0 0 0-5.43-6.45L32 4 13.43 7.12A6.52 6.52 0 0 0 8 13.57c0 4.25 0 11.89.33 15.33.91 9.88 2.76 15.29 7.32 21.45a24.94 24.94 0 0 0 16 9.63L32 60h.33a24.94 24.94 0 0 0 16-9.63c4.56-6.16 6.41-11.57 7.32-21.45.35-3.47.35-11.11.35-15.35zm-6.31 14.78c-.81 8.85-2.25 13.15-6.16 18.42A19.25 19.25 0 0 1 32 54a19.17 19.17 0 0 1-11.53-7.19c-3.91-5.27-5.35-9.58-6.16-18.42C14.09 26 14 20.64 14 13.58a.55.55 0 0 1 .43-.55L32 10l17.57 3a.55.55 0 0 1 .43.55c0 7.08-.09 12.45-.31 14.8zm-29.41-.55c.78 8.5 2.12 11.5 5 15.4A13 13 0 0 0 32 47.79V16.13l-12 2c0 4.6.13 8.06.28 9.67z" fill="url(#c)"/></svg>

Before

Width:  |  Height:  |  Size: 880 B

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -1 +1,4 @@
<svg width="48" height="56" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="52.486%" y1="0%" x2="13.265%" y2="114.055%" id="a"><stop stop-color="#7542E5" offset="0%"/><stop stop-color="#0060DF" offset="100%"/></linearGradient></defs><path d="M48 9.57c0 4.24 0 11.88-.35 15.35-.91 9.88-2.76 15.29-7.32 21.45a24.94 24.94 0 0 1-16 9.63H24l-.35-.02a24.94 24.94 0 0 1-16-9.63C3.09 40.19 1.24 34.78.33 24.9 0 21.46 0 13.82 0 9.57a6.52 6.52 0 0 1 5.43-6.45L24 0l18.57 3.12A6.52 6.52 0 0 1 48 9.57zm-6.31 14.78c.22-2.35.31-7.72.31-14.8a.55.55 0 0 0-.43-.55L24 6 6.43 9.03a.55.55 0 0 0-.43.55c0 7.06.09 12.42.31 14.81.81 8.84 2.25 13.15 6.16 18.42A19.17 19.17 0 0 0 24 50a19.25 19.25 0 0 0 11.53-7.23c3.91-5.27 5.35-9.57 6.16-18.42zm-29.41-.55c-.15-1.61-.28-5.07-.28-9.67l12-2v31.66a13 13 0 0 1-6.72-4.59c-2.88-3.9-4.22-6.9-5-15.4z" fill-rule="nonzero" fill="url(#a)"/></svg>
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><defs><radialGradient id="a" cx="32.06" cy="29.49" fx="53.493" fy="9.619" r="31.22" gradientUnits="userSpaceOnUse"><stop offset=".26" stop-color="#7542e5"/><stop offset=".43" stop-color="#7243e5"/><stop offset=".56" stop-color="#6845e4"/><stop offset=".68" stop-color="#574ae3"/><stop offset=".8" stop-color="#3f50e2"/><stop offset=".91" stop-color="#2158e1"/><stop offset="1" stop-color="#0060df"/></radialGradient></defs><path d="M56 13.57a6.52 6.52 0 0 0-5.43-6.45L32 4 13.43 7.12A6.52 6.52 0 0 0 8 13.57c0 4.25 0 11.89.33 15.33.91 9.88 2.76 15.29 7.32 21.45a24.94 24.94 0 0 0 16 9.63L32 60h.33a24.94 24.94 0 0 0 16-9.63c4.56-6.16 6.41-11.57 7.32-21.45.35-3.47.35-11.11.35-15.35zm-6.31 14.78c-.81 8.85-2.25 13.15-6.16 18.42A19.25 19.25 0 0 1 32 54a19.17 19.17 0 0 1-11.53-7.19c-3.91-5.27-5.35-9.58-6.16-18.42C14.09 26 14 20.64 14 13.58a.55.55 0 0 1 .43-.55L32 10l17.57 3a.55.55 0 0 1 .43.55c0 7.08-.09 12.45-.31 14.8zm-29.41-.55c.78 8.5 2.12 11.5 5 15.4A13 13 0 0 0 32 47.79V16.13l-12 2c0 4.6.13 8.06.28 9.67z" fill="url(#a)"/></svg>

Before

Width:  |  Height:  |  Size: 880 B

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -102,8 +102,8 @@ a.hidden,
}
.icon {
width: 60px;
height: auto;
width: 64px;
height: 64px;
grid-column: 1;
margin: 0 auto;
z-index: 1;