feathericons / feather Goto Github PK

I think it'd be a great idea if we could export to a couple font files that are usable on the web, instead of using svg files individually.

For example, "square" can be re-used as a "stop" symbol for media-controls, referencing #42

Can be useful in text editors or other places to remove links.
Examples:

1. As the icon count increases it would be a good idea to add categories (file,devices,social,bla bla...) and/or search at the showcase page (https://feather.netlify.com/)
2. You could add a boilerplate (AI,EPS,whatever) with guides so we can contribute by sending you a new icon which you can fine-tune and include in the set or just dismiss it. This could also be done via wiki if you provide some ground rules (artboard=24x24pt / stroke = 2pt / artboard padding / etc)
3. For whoever prefers using iconfont will you be updating the icon set at https://icomoon.io/app/ ?

Anyways, awesome work m8, keep it up!

Manage servers, remote connection to server, server status page/widget.
Examples:

A wallet icon would be useful when listing payment methods on a website

Icon name: movie or film
Examples:

Icon Name: Calendar
Use Case: Calendar icon can be used on buttons to create an event. Or it can indicate the publish date of a blog post.
Screenshot: The following screenshot is from FontAwesome icons.

Anyway, thanks for this awesome iconset. 😃 I love the minimalist look. 👍

Firefox icon to keep company with chrome icon.
Example:

This is a great set of icons, but I do miss one thing:

Boxes and circles that equate in size, with and without checkmark/dot. This would make them usefull for radio/checkbox button replacements.

The circle in the "Search" icon is 15px x 15px. The circles in the "Zoom in" and "Zoom out" icons are 16px x 16px. Aside from the glyphs inside the circle, these icons seem like they should be otherwise identical? Am I missing something? Or making a false assumption?

Useful for websites listing social links

Might have some trouble implementing Feather's overall style with this one as the border would have to be quite thin...

• Notification (on/off)
• Desktop notifications, in-app updates, etc.

I would love to use these icons in my React projects – beeing able to import them as a component would make this so much fun to use. Maybe feather can be added to react-icons (it already does this, but for other icon libraries)?

Let me know your thoughts on this! 🤔

Icon name: newspaper or news
Newspaper icon for news
Examples:

I'd love it if there were a Discord icon, useful for social links

Examples:

For this image, I recommend keeping the icon inside of the usual square-speech-bubble style as to not mis-represent the logo

Traditional icon of floppy disk for "save" action.
Examples:

Real photo of this retro object if anybody doesn't know what is this:

Icon name: smartphone
Usage example: site theme editor, shop category, call number
Examples:

For working with databases.
Examples:

Would be useful when listing payment methods on a website

Example from Material Icons

It would be nice to bundle feather in a single spritemap to reduce number of requests (At least until HTTP/2) You could throw svgo at the spritemap for good measure

Icon name: dashboard
Using in menu links to dashboard page
Examples:

If you'd like to request an icon, please provide the following information:

• icon name
• at least one use case
• screenshots of similar icons

Please create one issue for each icon request.

Icon name: help
Similar to "info" icon

Icon name: rss
For rss feeds
Example:

Icon name: vk
Logo of russian social network VK

Icons such as camping, hiking, diving, etc.

Just a simple smiley face will do for this one. Useful for emoji pickers

Example:

Another media control icon: stop
Example:

┌────┐
│    │
└────┘

Assuming current repeat icon is used to display "repeat all", a "repeat one" icon would be helpful to display that only currently selected track will be repeated (e.g. in a media player).

Example: as in iTunes or https://icons8.com/icon/52205/repeat-one

Will be very nice to have variants of fast-forward, pause, play, rewind, skip-back, skip-forward (and probable stop) in circles.
Example:

I'm not sure if npm considers .gitattributes but this file will be usefull to ignore some files and folders unnecessary in npm package.

For example:

/.gitattributes       export-ignore
/.gitignore           export-ignore
/.npmignore           export-ignore
/_includes            export-ignore
/assets               export-ignore
/bin                  export-ignore
/_config.yml          export-ignore
/Gemfile              export-ignore
/Gemfile.lock         export-ignore
/index.html           export-ignore
/ISSUE_TEMPLATE.md    export-ignore
/style.css            export-ignore
/svgo-config.yml      export-ignore

If so, I could maybe start translating some of the icons.

Similar to "file" icon.
Possible file name: file-text.svg
Useful for text files in file manager and other places.
Example:

It would be nice to use bower package.

Icon name: language or translate
For changing language or managing translations.
Examples:

Icon name: tablet
Usage same as smartphone
Examples:

An icon representing the Paypal logo would be useful when listing payment methods on a website or in a document.

Star icons are very commonly used in UI design for starring items like Gmail emails, Trello cards etc. or for review ratings like AirBnb etc.

I'd attach a screenshot of Gmail and Trello but it seems that Github doesn't support image upload...?!

Icon with text "STOP" in octagon.
For restricted areas.

Full-star icon, so that the star can be used for ratings (3 full stars, followed by 2 empty stars (already in the pack) to show a rating of 3/5)

Shield icon for security stuff.

New icons have stroke attribute in inner elements instead outer . Is that normal case?

P.S. "box", "link-2" and "package" icons have stroke color #0f0f0f instead #000

Any edible item that can be recognised easily to represent food as a whole

Example:

Specific for some companies to show manufacturing.
Examples:

This icon set looks fantastic but it doesn't seem to have been published to npm despite the presence of a package.json. Unfortunately feather is already taken... and it would appear as if someone forked this repo and published an old version as feather-icon (see here) but renaming the package to feather-icons and publishing to npm should work fine.

Icon name: code
Icon for source code.
Examples:

• name :
  gender-male ; gender-female

• use case :
  Gender icon as checkbox label on a form

• icons :
  

nb : Should I create one issue for each male, female ?

Shopping cart icon for eCommerce platforms
Examples: