Highlight Keyboard Focus Outline icon

material-symbolsfill

The Highlight Keyboard Focus Outline 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, outline.

Tags: highlight, keyboard, focus, outline

<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 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8"/></svg>

Customize

Color

Export size · 24px

Background

Animation

Bake color into copied code (otherwise currentColor)

Related Material Symbols icons

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