This forum has been archived. All content is frozen. Please use KDE Discuss instead.

[HIG] Iconography in Plasma Next

Tags: None
(comma "," separated)
User avatar
Uri_Herrera
Registered Member
Posts
215
Karma
0
OS

[HIG] Iconography in Plasma Next

Wed May 21, 2014 12:19 am
Standards

Plasma (and every other graphical DE) uses icons, these icons are often found in the standard system location:

    /usr/share/icons

Or the following folders located in the user's home folder, these folders don't exist by default, they vary by distribution and also are hidden:

    ~.kde/share/icons
    ~.kde4/share/icons

Inside the above folders the icon themes will have the following structure as described:

    Theme_Name/
- The theme's name, pretty obvious.

    ../actions/
- This folder is for icons that go in the toolbar, menus and buttons like: New document, Open, Save, Exit, Help, Settings, Back, Forward, Ok, Cancel, etc.

    ../applications/
- This folder is for the software icons, their logos made into an icon. Icons in this folder should never be used for other purposes. Never.

    ../categories/
- This folder is for icons that get displayed in menus like: Kickoff (Applications>Accessories, Games, Office, System) or the LXDE start menu, again, as the name implies to sort the categories. They are used to give categories an image as exemplified by Muon Discover. And like the above, Icons in this folder should never be used for other purposes. Never.

    ../devices/
- This folder is for icons that are related to hardware a.k.a as devices, the icons here are used to display a device connected in certain places like Dolphin's left side pane, however they should not be used there nor in System Settings but in places like notification bubbles or the default places tab view in Homerun (full-screen). Icons in this folder should never be used for other purposes. Never.

    ../emblems/
- This folder is for the icons that are displayed in the lower right corner of an icon in certain software to denote usually a characteristic of the file/folder, like permissions, ownership or to know whether its a link. Icons in this folder should never be used for other purposes. Never.

    ../mimetypes/
- This folder is for icons that display the file type to every application. Icons in this folder should never be used for other purposes. Never.

    ../places/
- This folder is strictly for user folders icons, folders like Home, Documents, Videos, or the regular folder icon go here, nothing else. Icons in this folder should never be used for other purposes. Never.

    ../status/
- In Plasma this folder is not as important, as it only contains very few icons used in what I have found very few applications as the Plasma theme is what provides these icons, however for the sake of informing, here goes icons used in panels like the Mate DE panel, LXDE and XFCE panels and has icons like: Volume, Network, and the like. In Ubuntu-land these icons are known as Indicator icons.

    index.theme
- This file handles how the icons are displayed, at what size, and what's the path for each folder category.

Usage

When developing software you ought to make sure to use the icons for the proper context of the widgets that you'll be placing in the application, using icons from the wrong category in the wrong place will cause the application to completely look inconsistent and force 3rd party theme creators to use workarounds to theme applications.

With the new icon theme for Plasma Next work has been made so that icons that belong to different categories have a noticeable difference between them, this way software developers can pick the correct icons for their applications and not brake the consistent look with system software.

Beginning with the toolbar icons which are now monochromatic to facilitate the use and placement of elements in toolbars, it's not only recommended but enforced that icons from other categories are not to be used in this area of the application.

Below we have a comparison between Kate and Muon Discover, Kate presents the proper usage of the icons in this important area of the window while Muon Discover depicts exactly what not do.


Kate and Muon Discover using the Nitrux Qt Curve theme, Muon Discover displaying the wrong usage of the toolbar icons in an application.

This causes a mismatch of icons in applications that don't follow a proper usage of the iconography. Needless to say a workaround is to make the icons that don't match in a smaller size and monochromatic however this is to be avoided by using the correct icons from the proper category.


This is an unnecessary workaround.

Just as above developers should only use icons located in the folder applications/ to display their software icon in menus and not icons from any other category. It's also important to note that if an icon it's not present in the default icon theme the developer can include his/her own, always following the same style to have a consistent workspace.

Due to the design of Oxygen many developers choose to use icons that were otherwise not meant to be used in the way they were, Oxygen icons look very similar to each other regardless of their category and it causes issues like this:


The icon in question is edit-paste an icon from the folder actions/ being used as an application icon. This is an example of what not to do.

Another case of wrong categorization occurs where icons are placed in the wrong category, that is the case of the icon repository (used in Muon Discover above) this icon is located in the folder places/ where it's mixed with icons specifically to be used as folder icons. This should also be avoided as it can confuse other developers to use the wrong icon.


Folders go with folders and with nothing else.


Like this.

Naming

A list of the current icons in Oxygen is:

Code: Select all
ACTIONS

account_offline_overlay
acrobat
add_ingredient
address-book-new
align-horizontal-center
align-horizontal-left-out
align-horizontal-left
align-horizontal-right-out
align-horizontal-right
align-vertical-bottom-out
align-vertical-bottom
align-vertical-center
align-vertical-top-out
align-vertical-top
application-exit
appointment-new
archive-extract
archive-insert-directory
archive-insert
archive-remove
arrow-down-double
arrow-down
arrow-left-double
arrow-left
arrow-right-double
arrow-right
arrow-up-double
arrow-up
authors
babelfish
bookmark-new-list
bookmark-new
bookmark-toolbar
bookmarks-organize
call-start
call-stop
categories
character-set
checkbox
chronometer
code-block
code-class
code-context
code-function
code-typedef
code-variable
color-picker-black
color-picker-grey
color-picker-white
color-picker
configure-shortcuts
configure-toolbars
configure
contact-new
contact_away_overlay
contact_busy_overlay
contact_food_overlay
contact_freeforchat_overlay
contact_invisible_overlay
contact_phone_overlay
contact_xa_overlay
cssvalidator
curve-connector
dashboard-show
debug-execute-from-cursor
debug-execute-to-cursor
debug-run-cursor
debug-run
debug-step-instruction
debug-step-into-instruction
debug-step-into
debug-step-out
debug-step-over
dialog-cancel
dialog-close
dialog-ok-apply
dialog-ok
diet
distribute-horizontal-center
distribute-horizontal-equal
distribute-horizontal-left
distribute-horizontal-margin
distribute-horizontal-page
distribute-horizontal-right
distribute-horizontal-x
distribute-vertical-bottom
distribute-vertical-center
distribute-vertical-equal
distribute-vertical-margin
distribute-vertical-page
distribute-vertical-top
distribute-vertical-y
document-close
document-decrypt
document-edit-decrypt-verify
document-edit-decrypt
document-edit-encrypt
document-edit-sign-encrypt
document-edit-sign
document-edit-verify
document-edit
document-encrypt
document-export-table
document-export
document-import
document-new
document-open-data
document-open-folder
document-open-recent
document-open-remote
document-open
document-preview-archive
document-preview
document-print-direct
document-print-frame
document-print-preview
document-print
document-properties
document-revert
document-save-all
document-save-as
document-save
document-sign
document-swap
documentation
documentinfo
download-later
download
draw-arrow-back
draw-arrow-down
draw-arrow-forward
draw-arrow-up
draw-bezier-curves
draw-brush
draw-circle
draw-cross
draw-donut
draw-ellipse
draw-eraser
draw-freehand
draw-halfcircle1
draw-halfcircle2
draw-halfcircle3
draw-halfcircle4
draw-line
draw-path
draw-polygon
draw-polyline
draw-rectangle
draw-spiral
draw-square-inverted-corners
draw-star
draw-text
draw-triangle
draw-triangle1
draw-triangle2
draw-triangle3
draw-triangle4
edit-bomb
edit-clear-history
edit-clear-list
edit-clear-locationbar-ltr
edit-clear-locationbar-rtl
edit-clear
edit-copy
edit-cut
edit-delete-page
edit-delete-shred
edit-delete
edit-find-mail
edit-find-project
edit-find-replace
edit-find-user
edit-find
edit-guides
edit-image-face-add
edit-image-face-detect
edit-image-face-recognize
edit-image-face-show
edit-link
edit-node
edit-paste
edit-redo
edit-rename
edit-select-all
edit-select
edit-table-cell-merge
edit-table-cell-split
edit-table-delete-column
edit-table-delete-row
edit-table-insert-column-left
edit-table-insert-column-right
edit-table-insert-row-above
edit-table-insert-row-below
edit-table-insert-row-under
edit-text-frame-update
edit-undo
emoticon
feed-subscribe
fill-color
flag-black
flag-blue
flag-green
flag-red
flag-yellow
flag
folder-new
folder-sync
fork
format-add-node
format-break-node
format-connect-node
format-disconnect-node
format-fill-color
format-font-size-less
format-font-size-more
format-indent-less
format-indent-more
format-join-node
format-justify-center
format-justify-fill
format-justify-left
format-justify-right
format-line-spacing-double
format-line-spacing-normal
format-line-spacing-triple
format-list-ordered
format-list-unordered
format-remove-node
format-stroke-color
format-text-bold
format-text-color
format-text-direction-ltr
format-text-direction-rtl
format-text-italic
format-text-strikethrough
format-text-subscript
format-text-superscript
format-text-underline
games-achievements
games-config-background
games-config-board
games-config-custom
games-config-options
games-config-theme
games-config-tiles
games-difficult
games-endturn
games-highscores
games-hint
games-solve
get-hot-new-stuff
go-bottom
go-down-search
go-down
go-first-view-page
go-first-view
go-first
go-home
go-jump-declaration
go-jump-definition
go-jump-locationbar
go-jump-today
go-jump
go-last-view-page
go-last-view
go-last
go-next-context
go-next-use
go-next-view-page
go-next-view
go-next
go-parent-folder
go-previous-context
go-previous-use
go-previous-view-page
go-previous-view
go-previous
go-top
go-up-search
go-up
help-about
help-contents
help-contextual
help-donate
help-feedback
help-hint
htmlvalidator
im-aim
im-ban-kick-user
im-ban-user
im-facebook
im-icq
im-identi.ca
im-invisible-user
im-jabber
im-kick-user
im-msn
im-qq
im-skype
im-status-message-edit
im-twitter
im-user-away
im-user-busy
im-user-offline
im-user
im-yahoo
imagegallery
ingredients
insert-button
insert-horizontal-rule
insert-image
insert-link
insert-table
insert-text-frame
insert-text
irc-close-channel
irc-join-channel
irc-operator
irc-remove-operator
irc-unvoice
irc-voice
key-enter
kmix-master
lastmoves
layer-visible-off
layer-visible-on
legalmoves
lines-connector
list-add-font
list-add-user
list-add
list-remove-user
list-remove
list-resource-add
mail-encrypted-full
mail-encrypted-part
mail-encrypted
mail-flag
mail-forward
mail-forwarded-replied
mail-forwarded
mail-invitation
mail-mark-important
mail-mark-junk
mail-mark-notjunk
mail-mark-read
mail-mark-unread-new
mail-mark-unread
mail-meeting-request-reply
mail-message-new-list
mail-message-new
mail-queue
mail-receive
mail-replied
mail-reply-all
mail-reply-custom-all
mail-reply-custom
mail-reply-list
mail-reply-sender
mail-send
mail-signature-unknown
mail-signed-full
mail-signed-fully
mail-signed-part
mail-signed-verified
mail-signed
mail-tagged
measure
media-eject
media-playback-pause
media-playback-start
media-playback-stop
media-record
media-seek-backward
media-seek-forward
media-skip-backward
media-skip-forward
meeting-attending-tentative
meeting-attending
meeting-participant-no-response
meeting-participant-request-response
metacontact_unknown
methods
milestone
network-connect
network-disconnect
news-subscribe
news-unsubscribe
object-align-horizontal-center-calligra
object-align-horizontal-left-calligra
object-align-horizontal-right-calligra
object-align-vertical-bottom-calligra
object-align-vertical-bottom-top-calligra
object-align-vertical-center-calligra
object-align-vertical-top-calligra
object-flip-horizontal
object-flip-vertical
object-group-calligra
object-group
object-order-back-calligra
object-order-back
object-order-front-calligra
object-order-front
object-order-lower-calligra
object-order-lower
object-order-raise-calligra
object-order-raise
object-rotate-left
object-rotate-right
object-ungroup-calligra
object-ungroup
office-chart-area-focus-peak-node
office-chart-area-percentage
office-chart-area-stacked
office-chart-area
office-chart-bar-percentage
office-chart-bar-stacked
office-chart-bar
office-chart-line-percentage
office-chart-line-stacked
office-chart-line
office-chart-pie
office-chart-polar-stacked
office-chart-polar
office-chart-ring
office-chart-scatter
page-2sides
page-3sides
page-4sides
page-simple
page-zoom
pdf-annotations
player-time
player-volume-muted
player-volume
preferences-activities
preflight-verifier
process-stop
project-development-close-all
project-development-close
project-development-new-template
project-development
project-open
properties
quickopen-class
quickopen-file
quickopen-function
quickopen
rating
resource-calendar-child-insert
resource-calendar-child
resource-calendar-insert
resource-group-new
resource-group
roll
run-build-clean
run-build-configure
run-build-file
run-build-install-root
run-build-install
run-build-prune
run-build
select-rectangular
services
show-menu
smallclock
snap-extension
snap-guideline
snap-intersection
snap-node
snap-orthogonal
speaker
standard-connector
status_unknown
status_unknown_overlay
story-editor
straight-connector
stroke-cap-butt
stroke-cap-round
stroke-cap-square
stroke-join-bevel
stroke-join-miter
stroke-join-round
svn-commit
svn-update
system-lock-screen
system-log-out
system-reboot
system-run
system-search
system-shutdown
system-suspend-hibernate
system-suspend
system-switch-user
tab-close-other
tab-close
tab-detach
tab-duplicate
tab-new-background
tab-new
table
text-field
text-frame-link
text-frame-unlink
text-speak
tool-animator
tools-check-spelling
tools-media-optical-burn-image
tools-media-optical-burn
tools-media-optical-copy
tools-media-optical-erase
tools-media-optical-format
tools-report-bug
tools-rip-audio-cd
tools-rip-video-cd
tools-rip-video-dvd
tools-wizard
transform-crop-and-resize
transform-crop
transform-move
transform-rotate
transform-scale
transform-shear-down
transform-shear-left
transform-shear-right
transform-shear-up
trash-empty
units
upindicator
user-group-delete
user-group-new
user-group-properties
user-properties
validators
view-bank
view-barcode-add
view-barcode
view-calendar-agenda
view-calendar-birthday
view-calendar-day
view-calendar-holiday
view-calendar-journal
view-calendar-list
view-calendar-month
view-calendar-special-occasion
view-calendar-tasks
view-calendar-time-spent
view-calendar-timeline
view-calendar-upcoming-days
view-calendar-upcoming-events
view-calendar-wedding-anniversary
view-calendar-week
view-calendar-whatsnext
view-calendar-workweek
view-calendar
view-certificate-add
view-certificate-export-secret
view-certificate-export-server
view-certificate-export
view-certificate-import
view-certificate-server-configure
view-certificate-sign
view-certificate
view-choose
view-close
view-conversation-balloon
view-file-columns
view-filter
view-financial-forecast
view-form-action
view-form-table
view-form
view-fullscreen
view-grid
view-group
view-history
view-ldap-resource
view-left-close
view-list-details
view-list-icons
view-list-text
view-list-tree
view-media-artist
view-media-equalizer
view-media-lyrics
view-media-playlist
view-media-visualization
view-multiple-objects
view-object-histogram-linear
view-object-histogram-logarithmic
view-pim-calendar
view-pim-contacts
view-pim-journal
view-pim-mail
view-pim-news
view-pim-notes
view-pim-summary
view-pim-tasks-pending
view-pim-tasks
view-presentation
view-preview
view-process-all-tree
view-process-all
view-process-own
view-process-system
view-process-tree
view-process-users
view-refresh
view-resource-calendar
view-restore
view-right-close
view-right-new
view-sidetree
view-sort-ascending
view-sort-descending
view-split-left-right
view-split-top-bottom
view-statistics
view-task-add
view-task-child-add
view-task-child
view-task
view-time-schedule-baselined-add
view-time-schedule-baselined-remove
view-time-schedule-baselined
view-time-schedule-calculus
view-time-schedule-child-insert
view-time-schedule-edit
view-time-schedule-insert
view-time-schedule
view-user-offline-kopete
view-web-browser-dom-tree
voicecall
webarchiver
webcamreceive
webcamsend
window-close
window-duplicate
window-new
zoom-1-to-2
zoom-2-to-1
zoom-draw
zoom-fit-best
zoom-fit-height
zoom-fit-width
zoom-in
zoom-next
zoom-original
zoom-out
zoom-previous
zoom-select

ANIMATION
process-idle-kde
process-working-kde


APPS
Charm
accessories-calculator
accessories-character-map
accessories-dictionary
accessories-text-editor
acroread
akonadi
akregator
basket
clock
computer
daemon
digikam
esd
fontforge
graphics-viewer-document
help-browser
hwinfo
inkscape
internet-mail
internet-telephony
internet-web-browser
java
k3b
kaffeine
kalarm-active
kblogger
kbruch
kbugbuster
kchart
kcmdf
kcmkwm
kcolorchooser
kde-windows
kde
kdeapp
kdevelop
kdf
kernel
kfontview
kformula
kgpg
kig
kivio
kjournal
klipper
kmag
kmplayer
knetattach
knewsticker
knotes
kolf
kollision
konqueror
kontact
konversation
korgac
kplato
kpresenter
krdc
krfb
ksnapshot
ksniffer
kspread
ksudoku
ksysguardd
kthesaurus
ktip
ktorrent
kuickshow
kverbos
kwalletmanager
kwin
kword
lokalize
multimedia-volume-control
nepomuk
office-address-book
office-calendar
okteta
oxygen
partitionmanager
picmi
plasma
plasmagik
preferences-contact-list
preferences-desktop-accessibility
preferences-desktop-color
preferences-desktop-cryptography
preferences-desktop-default-applications
preferences-desktop-display-color
preferences-desktop-display
preferences-desktop-filetype-association
preferences-desktop-font
preferences-desktop-gaming
preferences-desktop-icons
preferences-desktop-keyboard
preferences-desktop-launch-feedback
preferences-desktop-locale
preferences-desktop-mouse
preferences-desktop-notification-bell
preferences-desktop-notification
preferences-desktop-printer
preferences-desktop-screensaver
preferences-desktop-sound
preferences-desktop-text-to-speech
preferences-desktop-theme
preferences-desktop-user-password
preferences-desktop-user
preferences-desktop-wallpaper
preferences-kcalc-constants
preferences-plugin-script
preferences-plugin
preferences-system-bluetooth-inactive
preferences-system-bluetooth
preferences-system-login
preferences-system-network-sharing
preferences-system-performance
preferences-system-power-management
preferences-system-session-services
preferences-system-time
preferences-system-windows-actions
preferences-system-windows-move
preferences-system-windows
preferences-web-browser-adblock
preferences-web-browser-cache
preferences-web-browser-cookies
preferences-web-browser-identification
preferences-web-browser-shortcuts
preferences-web-browser-stylesheets
qelectrotech
quassel
rawconverter
running
scribus
semn
shell
showfoto
step
strigi
system-file-manager
system-software-update
system-users
tagua
telepathy-kde
unknownapp
utilities-desktop-extra
utilities-file-archiver
utilities-log-viewer
utilities-system-monitor
utilities-terminal
waiting
wine
xorg
yakuake

CATEGORIES

applications-accessories
applications-development-translation
applications-development-web
applications-development
applications-education-language
applications-education-mathematics
applications-education-miscellaneous
applications-education-preschool
applications-education-school
applications-education-science
applications-education-university
applications-education
applications-engineering
applications-games
applications-graphics
applications-internet
applications-multimedia
applications-office
applications-other
applications-science
applications-system
applications-toys
applications-utilities
preferences-desktop-peripherals
preferences-desktop-personal
preferences-desktop
preferences-other
preferences-system-network
preferences-system
system-help


DEVICES

audio-card
audio-headphones
audio-headset
audio-input-line
audio-input-microphone
battery
camera-photo
camera-web
computer-laptop
computer
cpu
drive-harddisk
drive-optical
drive-removable-media-usb-pendrive
drive-removable-media-usb
drive-removable-media
input-gaming
input-keyboard
input-mouse
input-tablet
media-flash-memory-stick
media-flash-sd-mmc
media-flash-smart-media
media-flash
media-floppy
media-optical-audio
media-optical-blu-ray
media-optical-data
media-optical-dvd
media-optical-mixed-cd
media-optical-recordable
media-optical-video
media-optical
media-tape
modem
multimedia-player-apple-ipod
multimedia-player
network-wired
network-wireless
pda
phone-openmoko-freerunner
phone
printer
scanner
secure-card
smartphone
tablet
video-display
video-projector
video-television

EMBLEMS

emblem-encrypted-locked
emblem-encrypted-unlocked
emblem-favorite
emblem-important
emblem-locked
emblem-mounted
emblem-new
emblem-symbolic-link
emblem-unlocked
emblem-unmounted
image-has-versions-open
image-has-versions
image-stack-open
image-stack
vcs-added
vcs-conflicting
vcs-locally-modified-unstaged
vcs-locally-modified
vcs-normal
vcs-removed
vcs-update-required

EMOTES

face-angel
face-embarrassed
face-kiss
face-laugh
face-plain
face-raspberry
face-sad
face-smile-big
face-smile
face-surprise
face-uncertain
face-wink


MIMETYPES

application-epub+zip
application-illustrator
application-javascript
application-msword-template
application-msword
application-octet-stream
application-pdf
application-pgp-encrypted
application-pgp-keys
application-pgp-signature
application-pkcs7-mime
application-pkcs7-signature
application-postscript
application-relaxng
application-rss+xml
application-rtf
application-sxw
application-vnd-google-earth-kml
application-vnd.iccprofile
application-vnd.ms-access
application-vnd.ms-excel
application-vnd.ms-powerpoint
application-vnd.oasis.opendocument.chart
application-vnd.oasis.opendocument.database
application-vnd.oasis.opendocument.formula-template
application-vnd.oasis.opendocument.formula
application-vnd.oasis.opendocument.graphics
application-vnd.oasis.opendocument.image
application-vnd.oasis.opendocument.presentation-template
application-vnd.oasis.opendocument.presentation
application-vnd.oasis.opendocument.spreadsheet-template
application-vnd.oasis.opendocument.spreadsheet
application-vnd.oasis.opendocument.text-master
application-vnd.oasis.opendocument.text-template
application-vnd.oasis.opendocument.text
application-vnd.openxmlformats-officedocument.wordprocessingml.document
application-vnd.rn-realmedia
application-vnd.scribus
application-vnd.stardivision.calc
application-vnd.stardivision.draw
application-vnd.stardivision.mail
application-vnd.stardivision.math
application-vnd.sun.xml.calc
application-vnd.sun.xml.calc.template
application-vnd.sun.xml.draw
application-vnd.sun.xml.draw.template
application-vnd.sun.xml.impress
application-vnd.sun.xml.impress.template
application-vnd.sun.xml.math
application-vnd.sun.xml.writer.global
application-vnd.sun.xml.writer
application-vnd.sun.xml.writer.template
application-vnd.wordperfect
application-x-7z-compressed
application-x-abiword
application-x-ace
application-x-applix-spreadsheet
application-x-applix-word
application-x-ar
application-x-arc
application-x-archive
application-x-arj
application-x-awk
application-x-bittorrent
application-x-blender
application-x-bzdvi
application-x-bzip-compressed-tar
application-x-bzip
application-x-cd-image
application-x-cda
application-x-chm
application-x-compress
application-x-compressed-tar
application-x-cpio
application-x-cue
application-x-deb
application-x-designer
application-x-desktop
application-x-egon
application-x-executable-script
application-x-executable
application-x-font-afm
application-x-font-bdf
application-x-font-otf
application-x-font-pcf
application-x-font-snf
application-x-font-ttf
application-x-font-type1
application-x-gnumeric
application-x-gzdvi
application-x-gzip
application-x-gzpostscript
application-x-it87
application-x-java-applet
application-x-java-archive
application-x-java
application-x-javascript
application-x-k3b
application-x-kcsrc
application-x-kexi-connectiondata
application-x-kexiproject-shortcut
application-x-kexiproject-sqlite
application-x-kexiproject-sqlite2
application-x-kexiproject-sqlite3
application-x-kformula
application-x-kgetlist
application-x-kontour
application-x-kplato
application-x-krecipes-backup
application-x-krecipes-recipes
application-x-krita
application-x-kvtml
application-x-kword
application-x-lha
application-x-lyx
application-x-lzma-compressed-tar
application-x-lzop
application-x-m4
application-x-marble
application-x-mimearchive
application-x-mplayer2
application-x-ms-dos-executable
application-x-mswinurl
application-x-mswrite
application-x-nzb
application-x-object
application-x-pak
application-x-pem-key
application-x-perl
application-x-php
application-x-plasma
application-x-python-bytecode
application-x-qet-element
application-x-qet-project
application-x-quattropro
application-x-rar
application-x-rpm
application-x-ruby
application-x-sharedlib
application-x-shellscript
application-x-shockwave-flash
application-x-siag
application-x-smb-server
application-x-smb-workgroup
application-x-sqlite2
application-x-sqlite3
application-x-srt
application-x-srtrip
application-x-subrip
application-x-tar
application-x-tarz
application-x-tgif
application-x-trash
application-x-troff-man
application-x-tzo
application-x-wmf
application-x-zerosize
application-x-zoo
application-xhtml+xml
application-xml
application-xsd
application-xslt+xml
application-zip
audio-ac3
audio-midi
audio-prs.sid
audio-vn.rn-realmedia
audio-vnd.rn-realvideo
audio-x-adpcm
audio-x-aiff
audio-x-flac+ogg
audio-x-flac
audio-x-generic
audio-x-monkey
audio-x-speex+ogg
audio-x-wav
encrypted
fonts-package
image-svg+xml-compressed
image-svg+xml
image-vnd.dgn
image-vnd.dwg
image-x-adobe-dng
image-x-eps
image-x-generic
image-x-vnd.trolltech.qpicture
image-x-xfig
inode-directory
message-news
message-partial
message-rfc822
message-x-gnu-rmail
message
package-x-generic
text-calendar
text-css
text-csv
text-directory
text-enriched
text-html
text-mathml
text-plain
text-rdf+xml
text-rdf
text-rtf
text-sgml
text-troff
text-vcalendar
text-vnd.abc
text-vnd.wap.wml
text-x-adasrc
text-x-authors
text-x-bibtex
text-x-c++hdr
text-x-c++src
text-x-changelog
text-x-chdr
text-x-cmake
text-x-copying
text-x-csharp
text-x-csrc
text-x-dtd
text-x-generic
text-x-haskell
text-x-hex
text-x-install
text-x-java
text-x-katefilelist
text-x-ldif
text-x-lilypond
text-x-log
text-x-makefile
text-x-nfo
text-x-objchdr
text-x-objcsrc
text-x-pascal
text-x-patch
text-x-po
text-x-python
text-x-qml
text-x-readme
text-x-rpm-spec
text-x-script
text-x-sql
text-x-tcl
text-x-tex
text-x-texinfo
text-x-vcard
text-x-xslfo
text-xmcd
text-xml
unknown
uri-mms
uri-mmst
uri-mmsu
uri-pnm
uri-rtspt
uri-rtspu
video-x-generic
video-x-mng
x-kde-nsplugin-generated
x-mail-distribution-list
x-media-podcast
x-office-address-book
x-office-calendar
x-office-contact
x-office-document
x-office-presentation
x-office-spreadsheet


PLACES

bookmarks
certificate-server
document-multiple
favorites
folder-activities
folder-black
folder-blue
folder-bookmark
folder-brown
folder-cyan
folder-development
folder-documents
folder-downloads
folder-favorites
folder-green
folder-grey
folder-html
folder-image-people
folder-image
folder-important
folder-locked
folder-network
folder-orange
folder-print
folder-red
folder-remote
folder-sound
folder-tar
folder-temp
folder-txt
folder-video
folder-violet
folder-yellow
folder
mail-folder-inbox
mail-folder-outbox
mail-folder-sent
mail-message
network-server-database
network-server
network-workgroup
repository
server-database
start-here-kde
start-here
user-desktop
user-home
user-identity
user-trash

SPECIAL

file-zoom-in
file-zoom-out
image-zoom-in
image-zoom-out


STATUS

appointment-recurring
appointment-reminder
audio-volume-high
audio-volume-low
audio-volume-medium
audio-volume-muted
battery-040
battery-060
battery-080
battery-100
battery-caution
battery-charging-040
battery-charging-060
battery-charging-080
battery-charging-caution
battery-charging-low
battery-charging
battery-low
battery-missing
dialog-error
dialog-information
dialog-password
dialog-warning
folder-open
image-loading
image-missing
mail-attachment
mail-queued
mail-read
mail-replied
mail-sent
mail-tagged
mail-task
mail-unread-new
mail-unread
media-playlist-repeat
media-playlist-shuffle
meeting-chair
meeting-observer
meeting-organizer
meeting-participant-optional
meeting-participant-reply
meeting-participant
object-locked
object-unlocked
printer-error
printer-printing
script-error
security-high
security-low
security-medium
task-accepted
task-attempt
task-attention
task-complete
task-delegate
task-ongoing
task-recurring
task-reject
task-reminder
user-away-extended
user-away
user-busy
user-invisible
user-offline
user-online
user-trash-full
wallet-closed
wallet-open
weather-clear-night
weather-clear
weather-clouds-night
weather-clouds
weather-few-clouds-night
weather-few-clouds
weather-freezing-rain
weather-hail
weather-many-clouds
weather-mist
weather-showers-day
weather-showers-night
weather-showers-scattered-day
weather-showers-scattered-night
weather-showers-scattered
weather-showers
weather-snow-rain
weather-snow-scattered-day
weather-snow-scattered-night
weather-snow-scattered
weather-snow
weather-storm
window-suppressed


Some of the icons are still a work in progress for the new theme however as it has been noted previously some icons are placed in the the wrong category and for this they need to be reworked and software developers will then need to change the icon that results out of place to a proper one.

Last edited by Uri_Herrera on Thu May 22, 2014 9:01 am, edited 8 times in total.
User avatar
Heiko Tietze
Registered Member
Posts
593
Karma
0
OS
Full ack. Make this thread sticky!
User avatar
colomar
Registered Member
Posts
947
Karma
2
OS
Shouldn't it be possible to actually find these problems in the code? Like "If an icon from the applications folder is used in a toolbar, something is wrong"? If so, we should write an application which looks for all the problems and bug developers to fix them.

And we have to turn the things you wrote down here into an HIG and enforce it. In that case, it wouldn't actually be a guideline but really a rule. It should be allowed to just copy an icon, but never to directly use an icon from the wrong category.
User avatar
Uri_Herrera
Registered Member
Posts
215
Karma
0
OS
colomar wrote:Shouldn't it be possible to actually find these problems in the code? Like "If an icon from the applications folder is used in a toolbar, something is wrong"? If so, we should write an application which looks for all the problems and bug developers to fix them.

And we have to turn the things you wrote down here into an HIG and enforce it. In that case, it wouldn't actually be a guideline but really a rule. It should be allowed to just copy an icon, but never to directly use an icon from the wrong category.


I should probably add and/or rephrase some things as I wrote it in a hurry to do the icons.

I don't know if Kdevelop is what most software developers that make K software use and even if it isn't there should be like some sort of plug-in that works in Kdevelop and Qt Creator that offers the library of icons depending on the context.
User avatar
colomar
Registered Member
Posts
947
Karma
2
OS
[quote="Uri_Herrera"
I don't know if Kdevelop is what most software developers that make K software use and even if it isn't there should be like some sort of plug-in that works in Kdevelop and Qt Creator that offers the library of icons depending on the context.[/quote]

I assume that with both Kdevelop and Qt Creator, we should have the vast majority of KDE devs covered. Presumably most of those who use neither of them just don't use an IDE at all, so we won't get them anyway.
kbroulik
KDE Developer
Posts
131
Karma
0
OS
The official Freedesktop.org Icon Naming Specification can be found here.
User avatar
david_edmundson
KDE Developer
Posts
359
Karma
1
OS
100% Agree on it being a HIG. Everything you said looks valid.
It should be copy and pasted into the HIG wiki rather than being here so that devs will find it.

The root of the problem is that historically it has been very difficult to get new icons; whenever we do something new we need the new icons, and when Nuno is (understandably) too busy we have no choice but to pick something else and say "that works".

This is the current list of new icon requests + bug reports:
https://bugs.kde.org/buglist.cgi?bug_st ... _based_on=

There's one from 2008.

If we want devs to not abuse icons we need to be better at handling icon requests and have a faster turnaround for creating them.
User avatar
jensreuterberg
Registered Member
Posts
598
Karma
3
OS
The issue is that right now we're between icon's. Lets face it icon design has never been easy but right now, at this very point it's ten times as tricky because we're working on a new one.

When this is figured out to some level then we should start to get some organisation on all this.


KDE Visual Design Group - "Sexy by default - Powerful through cooperation"
jnmllr
Registered Member
Posts
7
Karma
0

Re: [HIG] Iconography in Plasma Next

Fri Jun 13, 2014 10:25 pm
Uri_Herrera wrote:[...]
    ../applications/
- This folder is for the software icons, their logos made into an icon. Icons in this folder should never be used for other purposes. Never.
[...]

A small note: According to the Freedesktop icon naming specification the directory for application icons should be called "apps" and not "applications"

See table 1 in http://standards.freedesktop.org/icon-n ... atest.html

If I remeber correctly KDE 4.x even has the problem that it can not find some icons if they are in a folder called "applications" instead of "apps".
User avatar
scummos
Global Moderator
Posts
1175
Karma
7
OS

Re: [HIG] Iconography in Plasma Next

Fri Jun 13, 2014 11:00 pm
Regarding a tool detecting misuse of icons, I don't think an IDE plugin is the way to go here -- it's probably hard to detect by looking at the code. I could imagine that it's relatively easy to come up with a gdb script which sets a breakpoint whenever an action is added to e.g. a toolbar and prints a warning message if its icon is not an action icon. The same could be done by adding the message to the code itself, but that requires Qt to be rebuilt with that change ... something many people probably don't exactly love to do. Of course you could put that script into an IDE plugin then but it's probably not worth the effort.

I fully agree with the topic of the thread btw -- in far too many places e.g. application icons are used for actions which can be really weird with non-default icon schemes ;)


I'm working on the KDevelop IDE.
User avatar
david_edmundson
KDE Developer
Posts
359
Karma
1
OS

Re: [HIG] Iconography in Plasma Next

Sat Jun 14, 2014 12:41 pm
Regarding a tool detecting misuse of icons, I don't think an IDE plugin is the way to go here -- it's probably hard to detect by looking at the code. I could imagine that it's relatively easy to come up with a gdb script which sets a breakpoint whenever an action is added to e.g. a toolbar and prints a warning message if its icon is not an action icon.


Proposing a much simpler solution (which would be a lot easier).

We create an icon theme with all action icons replaced with a plain red square, all application icons with a blue square etc.
We put this on kde-look as a debugging tool.
User avatar
scummos
Global Moderator
Posts
1175
Karma
7
OS
Ok, you win, that's much simpler.


I'm working on the KDevelop IDE.
jnmllr
Registered Member
Posts
7
Karma
0
david_edmundson wrote:
Regarding a tool detecting misuse of icons, I don't think an IDE plugin is the way to go here -- it's probably hard to detect by looking at the code. I could imagine that it's relatively easy to come up with a gdb script which sets a breakpoint whenever an action is added to e.g. a toolbar and prints a warning message if its icon is not an action icon.


Proposing a much simpler solution (which would be a lot easier).

We create an icon theme with all action icons replaced with a plain red square, all application icons with a blue square etc.
We put this on kde-look as a debugging tool.


Please have a look here:

viewtopic.php?f=285&t=121622

I am working on exactly this thing right now and it's almost done :)
jnmllr
Registered Member
Posts
7
Karma
0
I uploaded a first version of the debug theme to:

https://github.com/debug-icons-project

There are two different themes: One includes only icons from the Freedesktop Icon Naming Specification and the other includes all icons from the latest Oxygen theme from KDE4.

If you have any feedback please post it in this thread:

viewtopic.php?f=285&t=121622
User avatar
andreas_k
Registered Member
Posts
561
Karma
0

Re: [HIG] Iconography in Plasma Next

Wed Aug 20, 2014 12:11 pm
Can you link to the breeze icon git repository.


Bookmarks



Who is online

Registered users: bcooksley, Bing [Bot], claydoh, Google [Bot], paulgureghian, Yahoo [Bot]