Materialdesign: wifi-connected icon

Created on 11 Oct 2020  路  11Comments  路  Source: Templarian/MaterialDesign

I have:

  • [YES] [Searched all issues](https://github.com/Templarian/MaterialDesign/issues) to make sure there isn't a request for this icon.
  • [YES] [Searched the current library](https://materialdesignicons.com/) to make sure the icon doesn't exist.
  • [YES] Only requested a single icon (or a few near-identical ones) in this issue.

Usage

Provide some context of how your icon could be used.
This wifi icon can be used to show the wifi is connected to server.

Examples

Include any example images so we know what the icon should look like.
rsz_screenshot_20201011-194035

Contribution Icon Request Icon Update

All 11 comments

I have designed some WiFi icons that could be useful.
wifi-connected
wifi-alert
wifi-success
wifi-sync

Great work!
You can also take this if you want https://icons8.com/icon/set/wifi/material-outlined
wifi connected

@RobinSinghNanda There are standard overlays for all icons that need to used.

Read more: https://dev.materialdesignicons.com/contribute/icon-naming#overlay

Hi @Templarian,
Except for alert overlay, I don't see any standard overlays sync, connected, check and lock

wifi-lock
wifi-sync
wifi-alert
wifi-check
wifi-connected

Please suggest changes.

@RobinSinghNanda Look at the existing icons and you'll see the standardized overlays (almost all have been updated).

-lock, -sync, -check, -alert.

The up down arrow one is not a standard overlay, but there needs to be a 2px cutout around the arrows. Right not it's not readable at 1:1 size.

Sure, I will check the existing icons and update my icons to match them. I will add 2px cutout around the arrows as well.

I updated the icons with 2px cutout.
wifi-connected
wifi-lock
wifi-sync
wifi-alert
wifi-check

Let me know if any other changes are required.

Standard Modifiers

wifi-plus
wifi-minus
wifi-check
wifi-remove
wifi-cog
wifi-settings
wifi-lock
wifi-lock-open
wifi-marker
wifi-cancel
wifi-sync
wifi-refresh
wifi-arrow-down
wifi-arrow-left
wifi-arrow-right
wifi-arrow-up

Alert

How should we deal with wifi-alert? I applied our standard alert overlay, but our other wifi alert icons (wifi-strength-1-alert, wifi-strength-2-alert, wifi-strength-3-alert, wifi-strength-4-alert, and wifi-strength-alert-outline) are not using the same one. Perhaps we can update our other icons as well? I saw that we never got to them in #4908. I included the updated icons in the zip below.

wifi-alert
wifi-strength-alert-outline
wifi-strength-4-alert
wifi-strength-3-alert
wifi-strength-2-alert
wifi-strength-1-alert

Lock

We could probably update these icons as well.

wifi-strength-lock-outline
wifi-strength-4-lock
wifi-strength-3-lock
wifi-strength-2-lock
wifi-strength-1-lock

Lock Open

It would be useful to add these icons.

wifi-strength-lock-open-outline
wifi-strength-4-lock-open
wifi-strength-3-lock-open
wifi-strength-2-lock-open
wifi-strength-1-lock-open

Non-standard Modifiers

How do we feel about these arrows? cog-transfer is another icon with a left and right arrow, but I feel like we should do something that matches closer to our arrow overlay (posted above).

wifi-arrow-left-right
wifi-arrow-up-down

Zip Download

wifi-modifiers.zip

All icons looks good to me. May i know how did you generate the work in progress images? Is there a standard software or template to do it?

@RobinSinghNanda, I'm guessing when you created this issue you clicked the get started button on the "Request an icon" row. In the future if you're planning to submit an icon click the get started button on the "Contribute an icon" row instead. There's a link to one of the image generators there.

screenshot-2
screenshot-1

http://dev.materialdesignicons.com/contribute/github

Added and updated all the icons except the existing alert icons.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

MrGrigri picture MrGrigri  路  3Comments

EdricChan03 picture EdricChan03  路  3Comments

Templarian picture Templarian  路  3Comments

rsandrea picture rsandrea  路  3Comments

kimdv picture kimdv  路  3Comments