Icon Contribution: tables & views

feathericons / feather

Simply beautiful open-source icons

https://feathericons.com

MIT License

24.91k stars 1.22k forks source link

Icon Contribution: tables & views #929

Open zenoamaro opened 4 years ago

zenoamaro commented 4 years ago

Tables & Views

This is a set of related icons to represent tables, grids, matrices for rich-text editing, data manipulation, database administration, development tools.

Table

Icon name: table
Use case: tables in rich text editors; database tables
Screenshots of similar icons: (see below)

Observable

Icon name: observable or observe or view or spy or eye-box
Use case: database views and real-time computed objects; sensors; view and focus modes; observing modes
Screenshots of similar icons: (see below)

Matrix

Icon name: matrix
Use case: calculation grids and matrices (but not layouts)
Screenshots of similar icons: (see below)

Data

Icon name: data or dataset
Use case: labeled collections of data
Screenshots of similar icons: (see below)

Proposal

Icons are based on columns (included for reference and visual continuity). SVG and Figma file are attached below.

Icons - Tables and Views.zip

Encounters in the wild

moeenio commented 4 years ago

That's very nice, you should follow #171 to submit them (although they won't get soon merged)

johnletey commented 4 years ago

@zenoamaro Love those 😍🔥

I am starting to build (and deploy) a fork of this library at jletey/feather. If you want, you can also submit a PR there so you can use your icons in the wild sooner 😄

johnletey commented 4 years ago

@zenoamaro What do you think of the middle icon? I personally think it's better than yours (the left icon) and also not too weird like the right icon.

<svg
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M5 12C5 12 7.54545 7 12 7C16.4545 7 19 12 19 12C19 12 16.4545 17 12 17C7.54545 17 5 12 5 12Z" />
  <path d="M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z" />
  <path d="M21 8V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V8M21 16V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V16" />
</svg>

zenoamaro commented 4 years ago

@jletey, that's perfect! Cool, thanks! I'll send a PR soon.

@locness3, thanks! I am assuming guidelines are ok, and the only thing left is a PR right? I'll send one soon. Do you have an opinion on the icon names, or shall I pick?

johnletey commented 4 years ago

I am assuming guidelines are ok, and the only thing left is a PR right?

Correct!

Do you have an opinion on the icon names, or shall I pick?

The names you have right now are fine 👍

moeenio commented 4 years ago

You may also want to submit to @featherity :joy:

mittalyashu commented 4 years ago

I am not sure where we could use the last icon but doesn't first icon looks similar to calculator?