key visualizer rounded

Material Symbols icon · key-visualizer-rounded

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 { KeyVisualizerRounded } from '@rdicons/react-material-symbols'

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

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#000000" d="M4 21q-.425 0-.712-.288T3 20t.288-.712T4 19h1q.425 0 .713.288T6 20t-.288.713T5 21zm0-4q-.425 0-.712-.288T3 16t.288-.712T4 15h6q.425 0 .713.288T11 16t-.288.713T10 17zm0-4q-.425 0-.712-.288T3 12t.288-.712T4 11h16q.425 0 .713.288T21 12t-.288.713T20 13zm0-4q-.425 0-.712-.288T3 8t.288-.712T4 7h6q.425 0 .713.288T11 8t-.288.713T10 9zm0-4q-.425 0-.712-.288T3 4t.288-.712T4 3h1q.425 0 .713.288T6 4t-.288.713T5 5zm5 16q-.425 0-.712-.288T8 20t.288-.712T9 19h1q.425 0 .713.288T11 20t-.288.713T10 21zM9 5q-.425 0-.712-.288T8 4t.288-.712T9 3h1q.425 0 .713.288T11 4t-.288.713T10 5zm5 16q-.425 0-.712-.288T13 20t.288-.712T14 19h1q.425 0 .713.288T16 20t-.288.713T15 21zm0-4q-.425 0-.712-.288T13 16t.288-.712T14 15h6q.425 0 .713.288T21 16t-.288.713T20 17zm0-8q-.425 0-.712-.288T13 8t.288-.712T14 7h6q.425 0 .713.288T21 8t-.288.713T20 9zm0-4q-.425 0-.712-.288T13 4t.288-.712T14 3h1q.425 0 .713.288T16 4t-.288.713T15 5zm5 16q-.425 0-.712-.288T18 20t.288-.712T19 19h1q.425 0 .713.288T21 20t-.288.713T20 21zm0-16q-.425 0-.712-.288T18 4t.288-.712T19 3h1q.425 0 .713.288T21 4t-.288.713T20 5z"/></svg>

key visualizer rounded

Use this icon in your code

SVG code

More from Material Symbols