Materialdesign: Auto focus camera [AF]

Created on 22 Feb 2016  Â·  13Comments  Â·  Source: Templarian/MaterialDesign

  1. camera-focus-auto
  2. camera-focus-auto-off

Example:
Example icon 1
Example icon 2

Contribution Icon Request

Most helpful comment

We are missing focus strong by Google: https://design.google.com/icons/#ic_center_focus_strong (tracked in #420)

Aside from that, here are some additional creations of mine:

account-focus account-focus2 account-focus3 face tracking
auto-focus2 auto-focus3 auto-focus
focus-area auto-focus focus area
focus-field focus field (multi-point)
focus-horizontal focus-vertical focus horizontal/vertical field
focus-target focus-target2 focus-target3 focus-target4 focus target / spot / point
focus-tracking focus-tracking2 focus tracking

All 13 comments

We are missing focus strong by Google: https://design.google.com/icons/#ic_center_focus_strong (tracked in #420)

Aside from that, here are some additional creations of mine:

account-focus account-focus2 account-focus3 face tracking
auto-focus2 auto-focus3 auto-focus
focus-area auto-focus focus area
focus-field focus field (multi-point)
focus-horizontal focus-vertical focus horizontal/vertical field
focus-target focus-target2 focus-target3 focus-target4 focus target / spot / point
focus-tracking focus-tracking2 focus tracking

  • [ ] face-tracking 3rd?
  • [ ] body-tracking (1st from the first group)
  • [ ] auto-focus 2nd? R = A in the first.
  • [ ] focus-area 2nd
  • [ ] focus-field yes
  • [ ] focus-horizontal-field yes
  • [ ] focus-vertical-field yes
  • [ ] focus-target 4th. Could also be a simple circle in the center maybe.
  • [ ] focus-tracking 2nd.

face-tracking could also be depicted with an actual face (smiley, or better https://design.google.com/icons/#ic_face), but I think it would have a bit too much details for MD. 3rd is probably the best.

Is there such a thing as body tracking? Maybe use it as icon for motion tracking? The human shape could use some fine-tuning, as in making it a bit taller/larger (1-2 px).

As for auto-focus, we should also try Roboto as font. Especially the A is likely easier to read.

Re focus-target: Only the corners and a dot would be hardly distinguishable from https://materialdesignicons.com/icon/image-filter-center-focus I figure?

account-focus1 account-focus4 better centered than earlier versions
account-focus5 too much details as I expected
auto-focus4 actually a bit hard to read...
focus-target5 not that bad actually, although you might miss the tiny circle if the icon is used as overlay...
auto-focus5 smaller rectangle, so it's more separated from the corners
focus-target6 also-ran...

in addition to face detection icon, I put together an icon for face recognition (not just detection & tracking), when the face is recognized. I used icon "account-check" as a go-to reference
it might be a little complicated, any suggestions are wellcome
ic_face_detection
ic_face_detected

@mkosik: Can you provide your icons in SVG format?

sure. sorry, there's no support for directly uploading SVGs on github, so here's a zip.
face-detection.zip

There is also #3074

image-filter-center-focus-strong and image-filter-center-focus-strong-outline from Google were added. Face recognition was added in #3074.

Looks like all we need is a decision on which auto-focus icon to add. @CoDEmanX can you pick your best one and share it so we can discuss/add it. 😄

focus-autofocus-field
focus-field-horizontalfocus-field-vertical

Coupled with the image-filter-* icons from Google, I think we hit everything here. If not, open up a new issue. 😄

@goyney What seems to be missing is the face tracking icons. Do we want to add any?

You mean like ‘face-recognition’?
face-recognition

Ah, that should suffice. Unless we want a separate "smile" detection icon.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

bckp1993 picture bckp1993  Â·  3Comments

danielhickman picture danielhickman  Â·  3Comments

kimdv picture kimdv  Â·  3Comments

JackDrakkar picture JackDrakkar  Â·  3Comments

giooliveira picture giooliveira  Â·  3Comments