Materialdesign: IEC/IEEE Power Statuses

Created on 2 Aug 2017  路  14Comments  路  Source: Templarian/MaterialDesign

There's already a "power" icon, but no equivalent "power-off" with the usual diagonal strike.

Contribution High Priority Icon Request

Most helpful comment

So I would consider this a breaking change. I have redesigned the power icon, and I believe that it should be renamed as well. I will include a checklist here with the desired name and aliases. This will also satisfy #2255, #1727, and #456

  • [ ] power-standby [IEC 60417-5009, IEEE 1621, power-on]
  • [ ] power-on [IEC 60417-5007]
  • [ ] power-off [IEC 60417-5008]
  • [ ] power-cycle [IEC 60417-5010, power-on-off, power-restart]
  • [ ] power-sleep [moon, night]

Power Standby

power-standby

Power On

power-on

Power Off

power-off

Power Cycle

power-cycle

Power Sleep

power-sleep

All 14 comments

I am I bit hesitant with this one, as the standby/power symbol is a used to toggle state.
Icons to represent "power on" and "power off" would be:

I'm with @GreenTurtwig on this one. What exactly would this icon be used for? Could it be achieved using another method or icon?

I'm imagining some use-case where a toggle would either turn on or off power to a device. With some icon like flash and flash-off indicating whether or not power is being delivered.

Do we not have power-on and power-off variants? I feel like we should cover all of the IEC/IEEE power icons https://en.wikipedia.org/wiki/Power_symbol

The power icon we have indicates a device is put into a sleep state or can be woken up from it. Adding a slash doesn't make sense as these two states should be visually different anyway so the context of the power icon should be inferred from the design of the entire UI state.

So I would consider this a breaking change. I have redesigned the power icon, and I believe that it should be renamed as well. I will include a checklist here with the desired name and aliases. This will also satisfy #2255, #1727, and #456

  • [ ] power-standby [IEC 60417-5009, IEEE 1621, power-on]
  • [ ] power-on [IEC 60417-5007]
  • [ ] power-off [IEC 60417-5008]
  • [ ] power-cycle [IEC 60417-5010, power-on-off, power-restart]
  • [ ] power-sleep [moon, night]

Power Standby

power-standby

Power On

power-on

Power Off

power-off

Power Cycle

power-cycle

Power Sleep

power-sleep

Wrong file...I'll fix that tomorrow.

Wrong zip file :P

Just want to mention we already have an "power off"-icon: circle-outline (which seems to be identical with checkbox-blank-circle-outline btw).

My original intention was to use them to indicate servers being powered on or off. A green "power" and then a light grey "power-off" with a diagonal strike though it, similar to how "flash" and "power-plug" work. However, it looks like using "power" and "circle-outline" would be sensible, and fit the standard above.

You could also use the power-plug or flash-icons for your purpose.
And because we already have outline circles (which could get some aliases), I dont see, why we should not have a power-off icon with stroke!?

@Ch-Lo The power-off has a diameter of 18 pixels and the radiobox-blank has a diameter of 20; so they are not the same.

power-off

radiobox-blank

The only problem at the moment with using circle-outline and power is that they have different sized circles, so you have to scale them different to make it appear consistent, which isn't pleasant in code. In the proposed icons above, they are more consistent. I'm currently using flash and flash off, but it'd still be nice to use actual power buttons.

power-standby power-cycle power-on power-off power-sleep

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Kanga-Who picture Kanga-Who  路  3Comments

buutqn picture buutqn  路  3Comments

ButchMonkey picture ButchMonkey  路  3Comments

danielhickman picture danielhickman  路  3Comments

adambiggs picture adambiggs  路  3Comments