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鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Panel] New Icons #2209

Closed
afbora opened this issue Jul 2, 2019 · 29 comments

Comments

@afbora
Copy link
Contributor

@afbora afbora commented Jul 2, 2019

https://getkirby.com/docs/reference/panel/icons

We can use emoji but it's a good idea to add some icons that are used very often.

  • home [馃彔]
  • folder [馃搧]

You can add new icons under this issue/idea.

@luxlogica

This comment has been minimized.

Copy link

@luxlogica luxlogica commented Jul 3, 2019

  • blog
  • article
  • seo & metadata
  • site analytics
  • section (page)
  • social media icons (if copyright allows): facebook, linkedin, WhatsApp, twitter, youtube, vimeo, etc.
@podlebar

This comment has been minimized.

Copy link

@podlebar podlebar commented Jul 3, 2019

  • gallery or collection (could be used for gallery, sliders and so on)
  • page fragment aka. template fragment or ind wordpressish a block icon
@bastianallgeier

This comment has been minimized.

Copy link
Contributor

@bastianallgeier bastianallgeier commented Jul 3, 2019

Here's the first set of icons that could work for your wishes:
Screenshot 2019-07-03 at 11 02 16

  • gallery
  • whatsapp
  • vimeo
  • youtube
  • linkedin
  • analytics
  • article (does already exist btw page)
  • blog
  • folder
  • home

We already have a facebook and twitter icon available. For SEO the search icon probably works best. It's hard to tell what you would use instead.

I find it really hard to come up with something for block or section. Do you have some ideas for this?

@hdodov

This comment has been minimized.

Copy link

@hdodov hdodov commented Jul 3, 2019

I needed a Bitcoin icon recently. It can represent crypto assets in general, so it has a broader use case.


However, in my opinion, you should try to make icons extensible by some mechanism. While having common icons in core is useful, it would be very handy if you could add icons specific to your use case.

@julien-gargot

This comment has been minimized.

Copy link

@julien-gargot julien-gargot commented Jul 3, 2019

[Off-subject] Maybe it was answered before, but why Font Awesome is not integrated to Kirby anymore ?

@bastianallgeier

This comment has been minimized.

Copy link
Contributor

@bastianallgeier bastianallgeier commented Jul 3, 2019

@julien-gargot because it's a huge icon set and so many of those icons are not used in the end by the majority of all users. It didn't feel right to include 500kb of icons or even more.

@hdodov adding custom icons in plugins is definitely on top of our todo list.

@bnomei

This comment has been minimized.

Copy link

@bnomei bnomei commented Jul 3, 2019

i would like to request the 鉂わ笍 and 猸愶笍 icons

@afbora

This comment has been minimized.

Copy link
Contributor Author

@afbora afbora commented Jul 3, 2019

@bastianallgeier First set awesome! 馃憤

You're definitely right about icons size for performance. Icons plugin would be great.

I just have few suggestions:

  • bell (for notifications) [馃敂]
  • book, box (for collection, sets) [馃摌, 馃摝]
  • comments (for comments, reviews, ratings) [馃挰]
  • credit-card,money (for financials) [馃挸, 馃挼]
  • pin, map (for locations) [馃椇]
@luxlogica

This comment has been minimized.

Copy link

@luxlogica luxlogica commented Jul 3, 2019

@bastianallgeier right now I'm using the 'text' icon for 'section' lists - not ideal, but kind of works. The Noun Project has some ideas for 'block' icons, here, which may be useful.

@afbora

This comment has been minimized.

Copy link
Contributor Author

@afbora afbora commented Jul 3, 2019

@luxlogica

This comment has been minimized.

Copy link

@luxlogica luxlogica commented Jul 3, 2019

@afbora wrong type of 'block'. I meant "block section of a page"! ;-)

@afbora

This comment has been minimized.

Copy link
Contributor Author

@afbora afbora commented Jul 3, 2019

@bastianallgeier

This comment has been minimized.

Copy link
Contributor

@bastianallgeier bastianallgeier commented Jul 3, 2019

Screenshot 2019-07-03 at 11 54 18

@afbora

This comment has been minimized.

Copy link
Contributor Author

@afbora afbora commented Jul 3, 2019

@bastianallgeier Awesome work! 馃憦

https://getkirby.com/docs/reference/panel/icons/draft

Icon for blog already exists as draft, to be aliased same icon as blog?

@nilshoerrmann

This comment has been minimized.

Copy link
Contributor

@nilshoerrmann nilshoerrmann commented Jul 3, 2019

What's the name of the used icon set again?

@philipmarnef

This comment has been minimized.

Copy link

@philipmarnef philipmarnef commented Jul 3, 2019

  • help [?]
  • reference [馃摉or馃摃] -> I see that's going to be included above?
@bastianallgeier

This comment has been minimized.

Copy link
Contributor

@bastianallgeier bastianallgeier commented Jul 3, 2019

@nilshoerrmann Nucleo Icon Set

@bnomei

This comment has been minimized.

Copy link

@bnomei bnomei commented Jul 3, 2019

@yatil

This comment has been minimized.

Copy link

@yatil yatil commented Jul 3, 2019

thinking

  • bug icon (馃悰 / 馃悶)
  • accessibility icon (鈾匡笍)
@bastianallgeier

This comment has been minimized.

Copy link
Contributor

@bastianallgeier bastianallgeier commented Jul 3, 2019

Screenshot 2019-07-03 at 12 55 46

@philipmarnef

This comment has been minimized.

Copy link

@philipmarnef philipmarnef commented Jul 3, 2019

No love for a question mark or life buoy icon? 馃槥

@bastianallgeier

This comment has been minimized.

Copy link
Contributor

@bastianallgeier bastianallgeier commented Jul 3, 2019

@philipmarnef sorry, I missed yours 鈥

Screenshot 2019-07-03 at 13 27 05

@afbora

This comment has been minimized.

Copy link
Contributor Author

@afbora afbora commented Jul 3, 2019

Suggestions:

  • case [馃捈]
  • display/screen/monitor [馃捇]
  • grid [FireShot Capture 688 - User Interface Icons - https___nucleoapp com_icons_user-interface]
@mauphie

This comment has been minimized.

Copy link

@mauphie mauphie commented Jul 3, 2019

Would like to see:

  • trophy / medal / award
  • bullhorn / announcement
  • lightbulb
@nilshoerrmann

This comment has been minimized.

Copy link
Contributor

@nilshoerrmann nilshoerrmann commented Jul 3, 2019

(If this thread continues long enough, the full icons set will be included after all 馃槣)

@afbora

This comment has been minimized.

Copy link
Contributor Author

@afbora afbora commented Jul 3, 2019

@nilshoerrmann I agree with you. We can add favorite/frequently used icons. Already, @bastianallgeier announced that the icons in plugins feature will come soon.

@afbora

This comment has been minimized.

Copy link
Contributor Author

@afbora afbora commented Jul 8, 2019

  • bookmark [FireShot Capture 693 - User Interface Icons - https___nucleoapp com_icons_user-interface]
  • store [FireShot Capture 694 - User Interface Icons - https___nucleoapp com_icons_user-interface]
  • cloud [FireShot Capture 698 - User Interface Icons - https___nucleoapp com_icons_user-interface]
  • database [FireShot Capture 696 - User Interface Icons - https___nucleoapp com_icons_user-interface]
  • car, truck [馃殫, 馃殮]
@afbora

This comment has been minimized.

Copy link
Contributor Author

@afbora afbora commented Oct 14, 2019

Will we see the new icons in version 3.3.0?

@distantnative distantnative transferred this issue from getkirby/ideas Oct 14, 2019
@distantnative distantnative added this to the 3.3.0 milestone Oct 14, 2019
@bastianallgeier

This comment has been minimized.

Copy link
Contributor

@bastianallgeier bastianallgeier commented Oct 15, 2019

The following icons will land in 3.3.0

  • bell
  • book
  • bookmark
  • box
  • bug
  • car
  • cart
  • chart
  • chat
  • credit-card
  • folder
  • heart
  • home
  • layers
  • linkedin
  • map
  • question
  • star
  • strikethrough
  • underline
  • vimeo
  • whatsapp
  • wheelchair
  • youtube

Screenshot 2019-10-15 at 09 56 19

If you need more you can use the new icon plugin feature since 3.2.5

bastianallgeier added a commit that referenced this issue Oct 15, 2019
bastianallgeier added a commit that referenced this issue Oct 15, 2019
bastianallgeier added a commit that referenced this issue Oct 15, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can鈥檛 perform that action at this time.