mouse lock outline

Material Symbols icon · mouse-lock-outline

License: Apache 2.0
Author: Google
Grid: 24×24

Check the license before commercial use. Some sets ask you to credit the author.

Use this icon in your code

Pick how you want to install it. The snippets follow the color, size and stroke you set in the panel.

Smallest install: just this one library.

terminal

npm install @rdicons/react-material-symbols

your code

import { MouseLockOutline } from '@rdicons/react-material-symbols'

export function Example() {
  return <MouseLockOutline />
}

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#000000" d="M12 22q-2.9 0-4.95-2.05T5 15V9q0-2.9 2.05-4.95T12 2t4.95 2.05T19 9v3.1q-.5-.1-1-.1t-1 .1V11H7v4q0 2.075 1.463 3.538T12 20q.275 0 .513-.025T13 19.9v2.025q-.25.05-.488.063T12 22M7 9h4V4.1q-1.725.35-2.863 1.725T7 9m6 0h4q0-1.8-1.137-3.175T13 4.1zm2.85 13q-.35 0-.6-.25t-.25-.6v-3.3q0-.35.25-.6t.6-.25H16v-1q0-.825.588-1.412T18 14t1.413.588T20 16v1h.15q.35 0 .6.25t.25.6v3.3q0 .35-.25.6t-.6.25zM17 17h2v-1q0-.425-.288-.712T18 15t-.712.288T17 16zm-6-8"/></svg>

mouse lock outline

Use this icon in your code

SVG code

More from Material Symbols