Highlight Keyboard Focus icon

material-symbolsfill

The Highlight Keyboard Focus icon is a solid SVG from the Material Symbols set (16,344 icons), drawn by Google and free under the Apache-2.0 license. Customize its color, and size below, then copy it as SVG, JSX, or a React component, or download a PNG. Commonly used for highlight, keyboard, focus.

Tags: highlight, keyboard, focus

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill="currentColor" d="M11 17h2V7h-2zm1 5q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22"/></svg>

Customize

Color

Export size · 24px

Background

Animation

Bake color into copied code (otherwise currentColor)

Related Material Symbols icons

Highlight Keyboard Focus Outline Highlight Keyboard Focus Outline Rounded Highlight Keyboard Focus Rounded Center Focus Strong Center Focus Strong Outline Center Focus Strong Outline Rounded Center Focus Strong Outline Sharp Center Focus Strong Rounded Center Focus Strong Sharp Center Focus Weak Center Focus Weak Outline Center Focus Weak Outline Rounded