5minutefork icon indicating copy to clipboard operation
5minutefork copied to clipboard

Published 20 hours ago • verified publisher icon remy

Tweaks to icon

Open remy opened this issue 11 years ago • 16 comments

@larscwallin would you be up for making some small tweaks to your icon?

Below are two screenshots of the icon in use. It's going to sound daft (to me), but it feels like the circle is almost an oval (wider on the x axis) shape when it's this small. I think agains the other icons and favicons, it would be good to thicken the outer ring and the straight lines that make up the hands.

Screen Shot 2013-03-19 at 23 38 58

Screen Shot 2013-03-19 at 23 39 06

None the less, thank you for your time and contribution. It's always nice when I see other people coming in to help make these projects better.

Cheers,

  • Remy

remy avatar Mar 19 '13 23:03 remy

No worries, I'm on it :) The oval shape is caused by lacking brain capacity, as I probably forgot to export the page size (16x16) and instead just rendered the symbol ;)

larscwallin avatar Mar 20 '13 05:03 larscwallin

Here comes a new version which matches the Github icons better. I would advice you to use the SVG image when possible, for example on the button :) Github uses glyphs, but generating a font face for one symbol might be a slight overkill ;)

5minfork-rev3-16x16

https://dl.dropbox.com/u/62257890/5minfork-plain-rev3.svgz

Tell me if you have any additional wishes :)

larscwallin avatar Mar 20 '13 08:03 larscwallin

Can I get that in white too? :) For the hover state in the button.

remy avatar Mar 20 '13 15:03 remy

No problems. I'll get to it first thing tomorrow :) On 20 Mar 2013 16:46, "Remy Sharp" [email protected] wrote:

Can I get that in white too? :) For the hover state in the button.

— Reply to this email directly or view it on GitHubhttps://github.com/remy/5minutefork/issues/9#issuecomment-15183761 .

larscwallin avatar Mar 20 '13 16:03 larscwallin

Realized l could just invert it, so l fixed it on my mobile :)

Here you go, http://db.tt/R8CcmjCJ

larscwallin avatar Mar 20 '13 20:03 larscwallin

All live now - thanks for your work.

remy avatar Mar 24 '13 17:03 remy

@larscwallin any chance you can render a "retina ready" version of the 16x16 icon? I just pulled in a pull request that blew away the icon to give it retina support. So I want to put it back in, but I'd like to add the retina support (with your help of course).

You up for that?

remy avatar May 01 '13 09:05 remy

Sure thing :) I'll send it over later today. On 1 May 2013 12:00, "Remy Sharp" [email protected] wrote:

@larscwallin https://github.com/larscwallin any chance you can render a "retina ready" version of the 16x16 icon? I just pulled in a pull request that blew away the icon to give it retina support. So I want to put it back in, but I'd like to add the retina support (with your help of course).

You up for that?

— Reply to this email directly or view it on GitHubhttps://github.com/remy/5minutefork/issues/9#issuecomment-17275240 .

larscwallin avatar May 01 '13 17:05 larscwallin

Sorry, I am a bit after schedule ;) Regarding the retina thing, is it possible for you to work work an svg? I can deliver a nice base64 encoded string of you like.

larscwallin avatar May 02 '13 15:05 larscwallin

I actually just need a base64 encoded string - it goes in the plugin. I think I asked for SVG originally, but soon realised I couldn't do anything with it!

On 2 May 2013 16:31, Lars Wallin [email protected] wrote:

Sorry, I am a bit after schedule ;) Regarding the retina thing, is it possible for you to work work an svg? I can deliver a nice base64 encoded string of you like.

— Reply to this email directly or view it on GitHubhttps://github.com/remy/5minutefork/issues/9#issuecomment-17345003 .

remy avatar May 02 '13 15:05 remy

Finally! Here you go :)

data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PgogICAgICAgICAgICAgICAgICAgIDwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIKICAgICAgICAgICAgICAgICAgICAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KICAgICAgICAgICAgICAgICAgICA8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiBkPSJNIDI3NS43MDczNSwwIEMgMjMzLjQ1Mzg3LDAgMTk4LjgwMzI0LDM0LjU1MjcyNiAxOTguODAzMjQsNzYuNzE5MTMxIDE5OC44MDMyNCwxMDguMjc2MzEgMjE4LjIzNzM1LDEzNS41ODgyNSAyNDUuNzExMTYsMTQ3LjMyNzg5IEwgMjQ1LjcxMTE2LDI2Ny42MjIgQyAyMjAuNzU4OTEsMjc4LjI4ODE5IDIwMi4xMDk1MiwzMDEuODE2MDMgMTk5LjIzNTE5LDMzMC41MTU2NCAxOTUuMDMyODQsMzcyLjQ3MjE0IDIyNi4wMTA2Myw0MTAuMzA2ODkgMjY4LjA1Mzk0LDQxNC41MTc4NCAzMTAuMDk3MDYsNDE4LjcyODc5IDM0OC4wMzg5NiwzODcuNzc4OTMgMzUyLjI0MTMyLDM0NS44MjI0MyAzNTMuMjYyMjMsMzM1LjYyOTU5IDM1Mi4xOTE5MywzMjUuNzI3NDcgMzQ5LjQwMjM1LDMxNi40NDMyNiBMIDQxNi40OTI5MSwyNjAuNzA5MjYgQyA0MjUuNjI4MiwyNjUuOTg5NjEgNDM1Ljk3NzU3LDI2OS40Njk5NiA0NDcuMTA2NSwyNzAuNTg0NjEgNDg5LjE0OTYyLDI3NC43OTU1NiA1MjcuMDkxNSwyNDMuODQ1NjkgNTMxLjI5Mzg2LDIwMS44ODkyIDUzNS40OTYwMiwxNTkuOTMyNzEgNTA0LjQ1NjYsMTIyLjA5Nzk0IDQ2Mi40MTMyOSwxMTcuODg2OTkgNDIwLjM3MDE3LDExMy42NzYwNCAzODIuNDI4MDksMTQ0LjYyNTkxIDM3OC4yMjU5MywxODYuNTgyNCAzNzcuMDk0OCwxOTcuODc0NTkgMzc4LjU1MjgsMjA4Ljg2NDk1IDM4Mi4wNTI2MywyMTguOTg1OSBMIDMxNi41NjY4MSwyNzMuMjM4NjEgQyAzMTIuNDU2ODgsMjcwLjY0Mjc5IDMwOC4wODY4NSwyNjguNDI2NzUgMzAzLjQ4MTk2LDI2Ni42MzQ0NiBMIDMwMy40ODE5NiwxNDguMTkxOTggQyAzMzIuMTM3NDYsMTM3LjAwNzE4IDM1Mi42MTE4MywxMDkuMTI4OTggMzUyLjYxMTgzLDc2LjcxOTEzMSAzNTIuNjExODMsMzQuNTUyNzI2IDMxNy45NjA4MSwwIDI3NS43MDczNSwwIFogTSAyNzUuNzA3MzUsMzYuMDQ1MDMgQyAyOTguNDI5NzQsMzYuMDQ1MDMgMzE2LjQ0MzE2LDU0LjA0MzgyNSAzMTYuNDQzMTYsNzYuNzE5MTMxIDMxNi40NDMxNiw5OS4zOTQ0NCAyOTguNDI5NzQsMTE3LjM5MzIzIDI3NS43MDczNSwxMTcuMzkzMjMgMjUyLjk4NTE1LDExNy4zOTMyMyAyMzQuOTcxNTMsOTkuMzk0NDQgMjM0Ljk3MTUzLDc2LjcxOTEzMSAyMzQuOTcxNTMsNTQuMDQzODI1IDI1Mi45ODUxNSwzNi4wNDUwMyAyNzUuNzA3MzUsMzYuMDQ1MDMgWiBNIDEyNS43ODcyNywxMDYuMjIxNzQgQyA0Ny40MjY1NjksMTU2LjgzMTY3IDAsMjQzLjg2NzU4IDAsMzM3LjI0MzIzIDAsNDg4LjY4Mjg3IDEyMy4zNjksNjEyLjI3MTc0IDI3NC41OTY1Nyw2MTIuMjcxNzQgNDI1LjgyNDEyLDYxMi4yNzE3NCA1NDkuMTkyOTMsNDg4LjY4Mjg3IDU0OS4xOTI5MywzMzcuMjQzMjMgTCA0NzcuMDQxMjUsMzM3LjI0MzIzIEMgNDc3LjA0MTI1LDQ0OS42MzMwNSAzODYuODI4OTQsNTQwLjA1ODI0IDI3NC41OTY1Nyw1NDAuMDU4MjQgMTYyLjM2NDIsNTQwLjA1ODI0IDcyLjIxMzUwMSw0NDkuNjMzMDUgNzIuMjEzNTAxLDMzNy4yNDMyMyA3Mi4yMTM1MDEsMjY4LjMyNDI4IDEwNy4wMTk5NiwyMDQuMjQ3NzUgMTY0Ljg1NjU0LDE2Ni44OTM0MiBMIDEyNS43ODcyNywxMDYuMjIxNzQgWiBNIDQ1NC42MzY0NSwxNTMuNTYxNyBDIDQ1Ni4wMjM1NCwxNTMuNTYyNjEgNDU3LjQyMDUxLDE1My42NjcwNiA0NTguODMzNDgsMTUzLjgwODU5IDQ4MS40NDI2OSwxNTYuMDczMDYgNDk3LjU3MDMyLDE3NS43NDY5OCA0OTUuMzEwNjUsMTk4LjMwOTM5IDQ5My4wNTA5NywyMjAuODcxOCA0NzMuMjk1MzMsMjM2Ljk4OTIyIDQ1MC42ODYzMSwyMzQuNzI0NzQgNDI4LjA3NzA5LDIzMi40NjAyNyA0MTEuOTQ5NDUsMjEyLjcyNDYzIDQxNC4yMDkxNCwxOTAuMTYyMjIgNDE2LjMyNzc5LDE2OS4wMDk5NSA0MzMuODMwNjcsMTUzLjU0ODE2IDQ1NC42MzY0NSwxNTMuNTYxNyBaIE0gMjc1LjU4NDEsMjk3LjQ5NDk0IEMgMjc2Ljk3MDk5LDI5Ny40OTU4NSAyNzguMzY3OTYsMjk3LjYwMDI5IDI3OS43ODExMywyOTcuNzQxODIgMzAyLjM5MDM0LDMwMC4wMDYzIDMxOC41MTc5NywzMTkuNjgwMjEgMzE2LjI1ODEsMzQyLjI0MjYyIDMxMy45OTg0MywzNjQuODA1MDUgMjk0LjI0Mjk4LDM4MC45MjI0NSAyNzEuNjMzOTYsMzc4LjY1Nzk4IDI0OS4wMjQ3NCwzNzYuMzkzNTIgMjMyLjg5NjkxLDM1Ni42NTc4NyAyMzUuMTU2NzgsMzM0LjA5NTQ1IDIzNy4yNzU0NCwzMTIuOTQzMTggMjU0Ljc3ODMyLDI5Ny40ODEzOSAyNzUuNTg0MSwyOTcuNDk0OTQgWiIgaWQ9InBhdGg4MzItMi03IiBzdHlsZT0iZm9udC1zaXplOnh4LXNtYWxsO2ZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6bm9ybWFsO2ZvbnQtc3RyZXRjaDpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtZGVjb3JhdGlvbjpub25lO2xpbmUtaGVpZ2h0Om5vcm1hbDtsZXR0ZXItc3BhY2luZzpub3JtYWw7d29yZC1zcGFjaW5nOm5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO2RpcmVjdGlvbjpsdHI7YmxvY2stcHJvZ3Jlc3Npb246dGI7d3JpdGluZy1tb2RlOmxyLXRiO3RleHQtYW5jaG9yOnN0YXJ0O2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO2NvbG9yOiMwMDAwMDA7Y29sb3ItaW50ZXJwb2xhdGlvbjpzUkdCO2NvbG9yLWludGVycG9sYXRpb24tZmlsdGVyczpsaW5lYXJSR0I7ZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDozMS41NDc1NzMwOTttYXJrZXI6bm9uZTt2aXNpYmlsaXR5OnZpc2libGU7ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTtlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlO2NsaXAtcnVsZTpub256ZXJvO2ZvbnQtZmFtaWx5OnNhbnMtc2VyaWY7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpzYW5zLXNlcmlmIi8+CgogICAgICAgICAgICAgICAgICAgIDwvc3ZnPg==

larscwallin avatar May 03 '13 05:05 larscwallin

So nearly there - and sorry to be a perfectionist (and in your defence, I just noticed this).

Is it possible to add a subtle white backdrop that matches the pull icon (that can be seen in the image on the right) - and to change the colour from black to #333?

Otherwise - awesome - and thank you! :)

screen shot 2013-05-05 at 12 24 23

remy avatar May 05 '13 11:05 remy

Try this :)

data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PgogICAgICAgICAgICAgICAgICAgIDwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIKICAgICAgICAgICAgICAgICAgICAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KICAgICAgICAgICAgICAgICAgICA8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iNTAuMCIgaGVpZ2h0PSI1Ny43NDI4NTQiPgogICAgICAgICAgICAgICAgICAgIDxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiIGlkPSJnODM0Ij4KICAgIDxwYXRoIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIHN0eWxlPSJmb250LXNpemU6eHgtc21hbGw7Zm9udC1zdHlsZTpub3JtYWw7Zm9udC12YXJpYW50Om5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zdHJldGNoOm5vcm1hbDt0ZXh0LWluZGVudDowO3RleHQtYWxpZ246c3RhcnQ7dGV4dC1kZWNvcmF0aW9uOm5vbmU7bGluZS1oZWlnaHQ6bm9ybWFsO2xldHRlci1zcGFjaW5nOm5vcm1hbDt3b3JkLXNwYWNpbmc6bm9ybWFsO3RleHQtdHJhbnNmb3JtOm5vbmU7ZGlyZWN0aW9uOmx0cjtibG9jay1wcm9ncmVzc2lvbjp0Yjt3cml0aW5nLW1vZGU6bHItdGI7dGV4dC1hbmNob3I6c3RhcnQ7YmFzZWxpbmUtc2hpZnQ6YmFzZWxpbmU7Y29sb3I6IzAwMDAwMDtjb2xvci1pbnRlcnBvbGF0aW9uOnNSR0I7Y29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzOmxpbmVhclJHQjtmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjMxLjU0NzU3MzA5O21hcmtlcjpub25lO3Zpc2liaWxpdHk6dmlzaWJsZTtkaXNwbGF5OmlubGluZTtvdmVyZmxvdzp2aXNpYmxlO2VuYWJsZS1iYWNrZ3JvdW5kOmFjY3VtdWxhdGU7Y2xpcC1ydWxlOm5vbnplcm87Zm9udC1mYW1pbHk6c2Fucy1zZXJpZjstaW5rc2NhcGUtZm9udC1zcGVjaWZpY2F0aW9uOnNhbnMtc2VyaWYiIGlkPSJwYXRoODMyLTItNy01IiBkPSJNIDI1LjEwMTEzNywyIEMgMjEuMjU0MjY3LDIgMTguMDk5NTgsNS4xNDU3Njk5IDE4LjA5OTU4LDguOTg0NzEgMTguMDk5NTgsMTEuODU3NzU5IDE5Ljg2ODkxNCwxNC4zNDQzMDkgMjIuMzcwMjAzLDE1LjQxMzExOSBMIDIyLjM3MDIwMywyNi4zNjUwMTkgQyAyMC4wOTg0ODMsMjcuMzM2MDk5IDE4LjQwMDU5MywyOS40NzgxMzkgMTguMTM4OTA2LDMyLjA5MTAyOSAxNy43NTYzMTMsMzUuOTEwODU5IDIwLjU3NjYxNCwzOS4zNTU0MzkgMjQuNDA0MzUsMzkuNzM4ODA5IDI4LjIzMjA2OSw0MC4xMjIxODkgMzEuNjg2NDAxLDM3LjMwNDQyOSAzMi4wNjg5OTUsMzMuNDg0NTk5IDMyLjE2MTk0MiwzMi41NTY2MTkgMzIuMDY0NDk5LDMxLjY1NTA5OSAzMS44MTA1MjgsMzAuODA5ODM5IEwgMzcuOTE4NjMzLDI1LjczNTY2OSBDIDM4Ljc1MDMzNCwyNi4yMTYzOTkgMzkuNjkyNTY4LDI2LjUzMzI1OSA0MC43MDU3NzYsMjYuNjM0NzQ5IDQ0LjUzMzQ5NSwyNy4wMTgxMTkgNDcuOTg3ODI1LDI0LjIwMDM1OSA0OC4zNzA0MiwyMC4zODA1MjkgNDguNzUyOTk2LDE2LjU2MDY5OSA0NS45MjcwODMsMTMuMTE2MTE5IDQyLjA5OTM0NywxMi43MzI3MzkgMzguMjcxNjI5LDEyLjM0OTM2OSAzNC44MTcyOCwxNS4xNjcxMjkgMzQuNDM0NzA0LDE4Ljk4Njk1OSAzNC4zMzE3MjMsMjAuMDE1MDI5IDM0LjQ2NDQ2MywyMS4wMTU2MTkgMzQuNzgzMDk3LDIxLjkzNzA1OSBMIDI4LjgyMTA5MiwyNi44NzYzNjkgQyAyOC40NDY5MTMsMjYuNjQwMDM5IDI4LjA0OTA1NCwyNi40MzgyODkgMjcuNjI5ODEyLDI2LjI3NTEwOSBMIDI3LjYyOTgxMiwxNS40OTE3ODkgQyAzMC4yMzg2ODYsMTQuNDczNDk5IDMyLjEwMjcyNywxMS45MzUzODkgMzIuMTAyNzI3LDguOTg0NzEgMzIuMTAyNzI3LDUuMTQ1NzY5OSAyOC45NDgwMDUsMiAyNS4xMDExMzcsMiBaIE0gMjUuMTAxMTM3LDUuMjgxNjI5OSBDIDI3LjE2OTg0NCw1LjI4MTYyOTkgMjguODA5ODM1LDYuOTIwMjg5OSAyOC44MDk4MzUsOC45ODQ3MSAyOC44MDk4MzUsMTEuMDQ5MTMgMjcuMTY5ODQ0LDEyLjY4Nzc4OSAyNS4xMDExMzcsMTIuNjg3Nzg5IDIzLjAzMjQ0NywxMi42ODc3ODkgMjEuMzkyNDM4LDExLjA0OTEzIDIxLjM5MjQzOCw4Ljk4NDcxIDIxLjM5MjQzOCw2LjkyMDI4OTkgMjMuMDMyNDQ3LDUuMjgxNjI5OSAyNS4xMDExMzcsNS4yODE2Mjk5IFogTSAxMS40NTIwMSwxMS42NzA3MSBDIDQuMzE3ODQyMywxNi4yNzgzNjkgMCwyNC4yMDIzNTkgMCwzMi43MDM1MjkgMCw0Ni40OTA5OTkgMTEuMjMxODQ0LDU3Ljc0Mjg1NCAyNS4wMDAwMDksNTcuNzQyODU0IDM4Ljc2ODE3MSw1Ny43NDI4NTQgNDkuOTk5OTk5LDQ2LjQ5MDk5OSA0OS45OTk5OTksMzIuNzAzNTI5IEwgNDMuNDMxMTE2LDMyLjcwMzUyOSBDIDQzLjQzMTExNiw0Mi45MzU3OTkgMzUuMjE3OTQ1LDUxLjE2ODM0NCAyNS4wMDAwMDksNTEuMTY4MzQ0IDE0Ljc4MjA3Miw1MS4xNjgzNDQgNi41NzQ1MTEsNDIuOTM1Nzk5IDYuNTc0NTExLDMyLjcwMzUyOSA2LjU3NDUxMSwyNi40Mjg5NTkgOS43NDMzODQsMjAuNTk1MjU5IDE1LjAwODk4MSwxNy4xOTQ0MTkgTCAxMS40NTIwMSwxMS42NzA3MSBaIE0gNDEuMzkxMzIzLDE1Ljk4MDY2OSBDIDQxLjUxNzYwNywxNS45ODA3NDkgNDEuNjQ0NzkxLDE1Ljk5MDI1OSA0MS43NzM0MzIsMTYuMDAzMTM5IDQzLjgzMTgzNSwxNi4yMDkzMDkgNDUuMzAwMTM4LDE4LjAwMDQ2OSA0NS4wOTQ0MTEsMjAuMDU0NjE5IDQ0Ljg4ODY4NCwyMi4xMDg3NTkgNDMuMDkwMDc4LDIzLjU3NjEyOSA0MS4wMzE2OTIsMjMuMzY5OTY5IDM4Ljk3MzI4NywyMy4xNjM3OTkgMzcuNTA0OTg0LDIxLjM2NzAxOSAzNy43MTA3MTIsMTkuMzEyODc5IDM3LjkwMzYsMTcuMzg3MTE5IDM5LjQ5NzEwOSwxNS45Nzk0MjkgNDEuMzkxMzIzLDE1Ljk4MDY2OSBaIE0gMjUuMDg5OTE2LDI5LjA4NDcyOSBDIDI1LjIxNjE4MiwyOS4wODQ4MTkgMjUuMzQzMzY2LDI5LjA5NDMyOSAyNS40NzIwMjUsMjkuMTA3MjA5IDI3LjUzMDQyOCwyOS4zMTMzNzkgMjguOTk4NzMxLDMxLjEwNDUzOSAyOC43OTI5ODYsMzMuMTU4Njc5IDI4LjU4NzI2LDM1LjIxMjgyOSAyNi43ODg2NzEsMzYuNjgwMTk5IDI0LjczMDI4NSwzNi40NzQwMzkgMjIuNjcxODgsMzYuMjY3ODY5IDIxLjIwMzU1OSwzNC40NzEwODkgMjEuNDA5MzA0LDMyLjQxNjkzOSAyMS42MDIxOTMsMzAuNDkxMTc5IDIzLjE5NTcwMiwyOS4wODM0OTkgMjUuMDg5OTE2LDI5LjA4NDcyOSBaIi8+CiAgICA8cGF0aCBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiBzdHlsZT0iZm9udC1zaXplOnh4LXNtYWxsO2ZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6bm9ybWFsO2ZvbnQtc3RyZXRjaDpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtZGVjb3JhdGlvbjpub25lO2xpbmUtaGVpZ2h0Om5vcm1hbDtsZXR0ZXItc3BhY2luZzpub3JtYWw7d29yZC1zcGFjaW5nOm5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO2RpcmVjdGlvbjpsdHI7YmxvY2stcHJvZ3Jlc3Npb246dGI7d3JpdGluZy1tb2RlOmxyLXRiO3RleHQtYW5jaG9yOnN0YXJ0O2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO2NvbG9yOiMwMDAwMDA7Y29sb3ItaW50ZXJwb2xhdGlvbjpzUkdCO2NvbG9yLWludGVycG9sYXRpb24tZmlsdGVyczpsaW5lYXJSR0I7ZmlsbDojMzMzMzMzO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDozMS41NDc1NzMwOTttYXJrZXI6bm9uZTt2aXNpYmlsaXR5OnZpc2libGU7ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTtlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlO2NsaXAtcnVsZTpub256ZXJvO2ZvbnQtZmFtaWx5OnNhbnMtc2VyaWY7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpzYW5zLXNlcmlmIiBpZD0icGF0aDgzMi0yLTciIGQ9Ik0gMjUuMTAxMTM4LDAgQyAyMS4yNTQyNjgsMCAxOC4wOTk1ODEsMy4xNDU3NyAxOC4wOTk1ODEsNi45ODQ3MDk5IDE4LjA5OTU4MSw5Ljg1Nzc1OTUgMTkuODY4OTE1LDEyLjM0NDMxIDIyLjM3MDIwNCwxMy40MTMxMiBMIDIyLjM3MDIwNCwyNC4zNjUwMiBDIDIwLjA5ODQ4NCwyNS4zMzYxIDE4LjQwMDU5NCwyNy40NzgxNCAxOC4xMzg5MDcsMzAuMDkxMDMgMTcuNzU2MzE0LDMzLjkxMDg1OSAyMC41NzY2MTUsMzcuMzU1NDQgMjQuNDA0MzUxLDM3LjczODgxIDI4LjIzMjA3LDM4LjEyMjE5IDMxLjY4NjQwMiwzNS4zMDQ0MyAzMi4wNjg5OTYsMzEuNDg0NiAzMi4xNjE5NDMsMzAuNTU2NjIgMzIuMDY0NSwyOS42NTUxIDMxLjgxMDUyOSwyOC44MDk4NCBMIDM3LjkxODYzNCwyMy43MzU2NyBDIDM4Ljc1MDMzNSwyNC4yMTY0IDM5LjY5MjU2OSwyNC41MzMyNiA0MC43MDU3NzcsMjQuNjM0NzUgNDQuNTMzNDk2LDI1LjAxODEyIDQ3Ljk4NzgyNiwyMi4yMDAzNiA0OC4zNzA0MjEsMTguMzgwNTMgNDguNzUyOTk3LDE0LjU2MDcgNDUuOTI3MDg0LDExLjExNjEyIDQyLjA5OTM0OCwxMC43MzI3NCAzOC4yNzE2MywxMC4zNDkzNyAzNC44MTcyODEsMTMuMTY3MTMgMzQuNDM0NzA1LDE2Ljk4Njk2IDM0LjMzMTcyNCwxOC4wMTUwMyAzNC40NjQ0NjQsMTkuMDE1NjIgMzQuNzgzMDk4LDE5LjkzNzA2IEwgMjguODIxMDkzLDI0Ljg3NjM3IEMgMjguNDQ2OTE0LDI0LjY0MDA0IDI4LjA0OTA1NSwyNC40MzgyOSAyNy42Mjk4MTMsMjQuMjc1MTEgTCAyNy42Mjk4MTMsMTMuNDkxNzkgQyAzMC4yMzg2ODcsMTIuNDczNSAzMi4xMDI3MjgsOS45MzUzODk1IDMyLjEwMjcyOCw2Ljk4NDcwOTkgMzIuMTAyNzI4LDMuMTQ1NzcgMjguOTQ4MDA2LDAgMjUuMTAxMTM4LDAgWiBNIDI1LjEwMTEzOCwzLjI4MTYzIEMgMjcuMTY5ODQ1LDMuMjgxNjMgMjguODA5ODM2LDQuOTIwMjkgMjguODA5ODM2LDYuOTg0NzA5OSAyOC44MDk4MzYsOS4wNDkxMjk1IDI3LjE2OTg0NSwxMC42ODc3OSAyNS4xMDExMzgsMTAuNjg3NzkgMjMuMDMyNDQ4LDEwLjY4Nzc5IDIxLjM5MjQzOSw5LjA0OTEyOTUgMjEuMzkyNDM5LDYuOTg0NzA5OSAyMS4zOTI0MzksNC45MjAyOSAyMy4wMzI0NDgsMy4yODE2MyAyNS4xMDExMzgsMy4yODE2MyBaIE0gMTEuNDUyMDExLDkuNjcwNzA5NSBDIDQuMzE3ODQyMywxNC4yNzgzNyAwLDIyLjIwMjM2IDAsMzAuNzAzNTMgMCw0NC40OTA5OTkgMTEuMjMxODQ1LDU1Ljc0Mjg2IDI1LjAwMDAxLDU1Ljc0Mjg2IDM4Ljc2ODE3Miw1NS43NDI4NiA1MCw0NC40OTA5OTkgNTAsMzAuNzAzNTMgTCA0My40MzExMTcsMzAuNzAzNTMgQyA0My40MzExMTcsNDAuOTM1OCAzNS4yMTc5NDYsNDkuMTY4MzUgMjUuMDAwMDEsNDkuMTY4MzUgMTQuNzgyMDczLDQ5LjE2ODM1IDYuNTc0NTExLDQwLjkzNTggNi41NzQ1MTEsMzAuNzAzNTMgNi41NzQ1MTEsMjQuNDI4OTYgOS43NDMzODQ2LDE4LjU5NTI2IDE1LjAwODk4MiwxNS4xOTQ0MiBMIDExLjQ1MjAxMSw5LjY3MDcwOTUgWiBNIDQxLjM5MTMyNCwxMy45ODA2NyBDIDQxLjUxNzYwOCwxMy45ODA3NSA0MS42NDQ3OTIsMTMuOTkwMjYgNDEuNzczNDMzLDE0LjAwMzE0IDQzLjgzMTgzNiwxNC4yMDkzMSA0NS4zMDAxMzksMTYuMDAwNDcgNDUuMDk0NDEyLDE4LjA1NDYyIDQ0Ljg4ODY4NSwyMC4xMDg3NiA0My4wOTAwNzksMjEuNTc2MTMgNDEuMDMxNjkzLDIxLjM2OTk3IDM4Ljk3MzI4OCwyMS4xNjM4IDM3LjUwNDk4NSwxOS4zNjcwMiAzNy43MTA3MTMsMTcuMzEyODggMzcuOTAzNjAxLDE1LjM4NzEyIDM5LjQ5NzExLDEzLjk3OTQzIDQxLjM5MTMyNCwxMy45ODA2NyBaIE0gMjUuMDg5OTE3LDI3LjA4NDczIEMgMjUuMjE2MTgzLDI3LjA4NDgyIDI1LjM0MzM2NywyNy4wOTQzMyAyNS40NzIwMjYsMjcuMTA3MjEgMjcuNTMwNDI5LDI3LjMxMzM4IDI4Ljk5ODczMiwyOS4xMDQ1NCAyOC43OTI5ODcsMzEuMTU4NjggMjguNTg3MjYxLDMzLjIxMjgzIDI2Ljc4ODY3MiwzNC42ODAxOTkgMjQuNzMwMjg2LDM0LjQ3NDA0IDIyLjY3MTg4MSwzNC4yNjc4NyAyMS4yMDM1NiwzMi40NzEwOSAyMS40MDkzMDUsMzAuNDE2OTQgMjEuNjAyMTk0LDI4LjQ5MTE4IDIzLjE5NTcwMywyNy4wODM1IDI1LjA4OTkxNywyNy4wODQ3MyBaIi8+CiAgPC9nPgoKICAgICAgICAgICAgICAgICAgICA8L3N2Zz4=

larscwallin avatar May 05 '13 11:05 larscwallin

It's a bit frustrating not having the option to use css styling on the svg background images :p But such is life :)

larscwallin avatar May 05 '13 11:05 larscwallin

FYI: (at least) with FF 20 the icon seems to be invisible using the 5minfork.user.js. This fixed the issue for me:

fiveMinForkButtonIcon.style.padding = "0 0 2px 20px";

Pyppe avatar May 21 '13 22:05 Pyppe

In response of @Pyppe 's comment I had better results with the following:

fiveMinForkButtonIcon.style.padding = "2px 12px";

jerone avatar May 21 '13 23:05 jerone