firefoxux / icons Goto Github PK
View Code? Open in Web Editor NEWSVG icons used in Firefox. View all icons here:
Home Page: http://design.firefox.com/icons/viewer/
License: Mozilla Public License 2.0
SVG icons used in Firefox. View all icons here:
Home Page: http://design.firefox.com/icons/viewer/
License: Mozilla Public License 2.0
For example let the menu icon be discoverable if a user types hamburger. Let the bookmark icon if a user types star. And so on
Hi everyone, newbie here. So I've been testing the Nightly build for some time now and over time, and I started to feel like the Home icon seems a little busy so I made a couple mockups.
SVGs (Just rename it back to .svg)
home-16-edit.svg.zip
home-16-edit2.svg.zip
Can you please detach this repo?
You can this either do it manually or – which I recommend – just contact the GitHub support to do it for you.
This…
@shorlander suggested this, and I think it's a good idea.
The Glyph for the debugger toggleBreakpoints doesn't seem readable to me in the list of glyphs. Is the SVG displaying properly?
moved from Photon repo, original issue deleted
The default profile pictures (a.k.a. avatars) for Firefox Accounts are now different on every version of Firefox (and different twice in desktop).
I would love to have a default profile picture that worked well on every platform, in a round or square crop.
This is a hard problem, as we need to be inclusive as possible. Luckily some great articles exist for inspiration.
A bonus would be an avatar variation to indicate required actions (e.g. if the account requires verification).
As you can see, it does appear in different sizes. Anything in SVG will work fine.
As reported here a camera icons is needed.
context-fill isn't supported for the web.
I filed an issue against the wrong repo. I didn't know this one was here?
Is ignorance of the repo an excuse? Not sure. But help UX find their way by linking here.
For re-building the all tabs menu as a panel we need an icon for the undo functionality.
Here is the icon I created and Stephen reviewed:
Undo 16.zip
Please also add this to the sketch libary. proposed path: Icon / Navigation / Undo 16
Activity stream has one, and I'm sure this icon would be useful in a lot of places in Firefox.
When the new icons were added in, it seems like the new directory wasn't detected by the deploy script
This repo is going to contain not only SVG but also different kind of format according to the platform. So having SVG in the name doesn't make sense anymore.
For Tab Hiding we need a 12px Audio Icon to indicate active audio on a hidden tab on the all tabs button in the tabstrip.
Here is the icon I created and Stephen reviewed. Please add it to the repo. Thanks.
Audio 12.zip
Please also add this to the sketch libary. proposed path: Icons / Media / Audio 12
Ship the icons with Firefox, reachable through the chrome://
URI.
This allows Firefox to internally make use of the icons.
It also allows third-party WebExtension developers to reference the icons directly without redundantly bundling the icons with every WebExtension.
One of the section of FxA is locked until users verify their email. Would love a lock icon.
Came from Robyn's iOS bookmark and reading list mocks
At SF, @brassy- and @aminalhazwani mentioned generating iOS and Android icons. Generating PNGs isn't very hard to do, however, I don't know the exact specification of these PNGs (size, shape, color, ...)
Is there a tablet icon coming? Send to device knows and shows the difference.
https://youwenliang.github.io/Firefox_Icon-Fonts/
(Created by @mark.liang from the Taipei office! 🙂)
We use both on this page: https://firefoxux.github.io/StyleGuide/#/buttons
But we should probably settle on one.
It's handy for the web if we could generate an icon font from the SVGs.
There are some tools to do that, like fontello: http://fontello.com/
Now that we have a new fancy domain design.firefox.com
we can rename this repository to simply icons
so that the product is accessible under design.firefox.com/icons
.
As reported here consider if we should highlight icons direction.
We “just” need to include https://github.com/FirefoxUX/StyleGuide/blob/gh-pages/index.html#L15
and make sure the sticky search bar is ~50px lower, I think… 😉
For some reason, caching no longer works, which means we quickly reach Github's API rate. I know it used to work before though.
cc @brassy-
The link in the github repo description is broken.
From issue #257
Firefox Accounts would like to make use of a padlock icon to better communicate the encryption and security of parts of its authentication process. We’d love a padlock icon. mozilla/fxa-content-server#5856
Doesn't look like I can link an individual icon, so here is the search page for window
.
Screenshot (on Firefox 54.0.1):
It looks like the "header" lacks a stroke or fill attribute making these SVG transparent on the viewer.
Example (http://design.firefox.com/icons/icons/new/arrowhead-right-16.svg):
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.