Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

v1.0.0 stable icons #353

Merged
merged 37 commits into from Jul 28, 2020
Merged

v1.0.0 stable icons #353

merged 37 commits into from Jul 28, 2020

Conversation

mdo
Copy link
Member

@mdo mdo commented Jul 6, 2020

Mega PR for fine-tuning existing icons, filling in holes where we have some missing variants, and fixing bugs.

Lots of these changes is coming from redoing how I've drawn and compiled icons in Figma. Rather than copy-paste outlined strokes again and again, I'm using components. This makes adding new icons a breeze, but it also makes tweaking them all waaay easier down the line.

I've also filled in some missing icon options and variants here and there, and fixed some bugs. See below for a full list of changes and new icons. So far I've added ~90 new icons and redrawn 400+ others, taking us over 1,110 icons total.


Alerts, warnings, signs

Arrows

  • Redrew all arrow icons for pixel perfect alignment and improved sizing
  • Fixes Unify box arrow icons #356: Redrew all box arrow icons for more even sizing across icons

Badges

  • New: badge-ad

Commerce

  • Redrew carts and bags, adding 10 new icons (for ×, +, and – variants)
  • Redraw basket icons for cleaner paths and consistent handles
  • Redraw trucks for cleaner paths
  • Simplify paths in wallet icons
  • Simplify paths in shop icons

Communications

  • Redrew archive icons to have pixel-perfect handles
  • Redrew all telephone icons to fill up entire viewbox and unify ×, +, and – symbols
  • Redrew flag icons to be larger
  • Redrew share icons to combine and simplify paths
  • Redrew inbox icons to tweak angles, simplify paths
  • Simplified paths on voicemail and broadcast icons

Data

  • Simplified paths on bar chart and graph icons

Date & Time

  • Redrew all calendar icons for consistency, added 4 new icons (regular and filled versions of new × icons)
  • Fixes gap in alarm icon #361: Clean up paths on alarms and stopwatches

Devices

Files and folders

  • Redrew all file, file-earmark, and journal icons
  • Added 40 new file icons (including new × options, redrawn up/down arrows, new file-lock icons, new play file icons, new easel and slide icons for presentations, new file image icons)
  • Fixes [icon request] file presentation #190: Add presentation file icons
  • Union-ed some paths for images and more

Geo

  • Updated map icon (no more overlapping paths, icon is now taller)
  • Taller geo pin icon
  • New: geo-fill, map-fill, geo-alt-fill, compass-fill

Misc

  • Updated upload and download icons to match arrow icons
  • Redrew bookmark icons and added new variants (x, star, heart)

People

  • Updated person icons, including two new person-x icons

Real world

  • Fixes Gap inside the cone icon #355: Fix paths on striped cone icons to prevent a gap
  • Added new clipboard-x icon
  • Redrew bicycle, books, bricks, door closed, and newspaper icons to remove overlapping paths
  • Updated trophy icon to have simpler design and no overlapping paths
  • Redrew plug icon, made outline by default
  • New: trophy is now outline, added trophy-fill
  • New: cup-fill
  • Speaker is now outline by default
  • New: speaker-fill
  • New: scissors, plug-fill

Security

  • Updated shield icons, adding two new shield-x icons

Tools

Typography

  • New: text-paragraph

UI

@mdo mdo added this to In progress in v1.0.0 via automation Jul 6, 2020
@M-ZubairAhmed
Copy link

@mdo how are you redrawing the icons ?

@mdo
Copy link
Member Author

mdo commented Jul 7, 2020

@M-ZubairAhmed Most of it is redrawing them as unified paths in Figma, reducing the overlap of paths wherever I can. Then I'm converting those into components and using them across the variants. I'm also unifying icons across their variants—making sure to not draw corners, pluses, dashes, etc in different ways or sizes.

@M-ZubairAhmed
Copy link

@mdo thank you for the response, understood

@mdo
Copy link
Member Author

mdo commented Jul 23, 2020

@XhmikosR Any idea why tests would pass on push, but fail on pull_request?

mdo added 22 commits July 23, 2020 15:13
- Larger telephone receiver is now 16x16
- Replace minus, plus, check, and x with unified symbols
- Add 10 new icons for plus, minus, check, and x variants for each
- Redraw existing icons for unified look
- Redrawn for consistency
- Add 4 new icons, two options for calendar-x icons
- File icons are now taller by 2px, making them appear more like documents
- All icons updated to use unified shapes
- 40 new icons (mostly earmark options, but also new file types)
- Updated wallets to have cleaner paths
- Updated baskets to have consistent paths, no overlaps, better pixels
- Redraw trucks for cleaner paths
- Simplify paths on books, bicycle, newspaper, doors, and closed
- Redrew cup icon to be larger
- Redrew trophy icon to simplify it a lot
- Flag icons now larger
- Inboxes icons slightly tweaked, and no overlapping paths
- Share icons have simpler paths
mdo added 13 commits July 23, 2020 15:13
- cup-fill
- geo-fill
- pen-fill
- pencil-fill
- trophy-fill
- vector-pen
- Widens and rounds the original bookmark icons
- Moved icons from corner cutouts to center of each icon so we can do fill variants
- Added x, star, and heart variants
- Added fill versions of all existing and new bookmark icons
- Smooth out map again
- Added map-fill variant
- Redesigned geo-alt to be outline version, then created geo-alt-fill
- Added compass-fill
- Redraw brush entirely, make it all outlined
- New brush-fill variant
- Redrew bucket and bucket-fill
- Redrew speaker to be outlined, added speaker-fill variant
@mdo mdo added the enhancement New feature or request label Jul 23, 2020
@mdo mdo merged commit cb1e7c8 into main Jul 28, 2020
v1.0.0 automation moved this from In progress to Done Jul 28, 2020
@mdo mdo deleted the v1-stable-icons branch July 28, 2020 17:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
No open projects
v1.0.0
  
Done
2 participants