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.
npm install @rdicons/react-hugeiconsimport { KeyGeneratorFob } from '@rdicons/react-hugeicons'
export function Example() {
return <KeyGeneratorFob />
}SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.377 10h-.754c-1.5 0-2.25 0-2.792-.424c-.543-.423-.725-1.15-1.088-2.606l-.69-2.757A1.78 1.78 0 0 1 4.781 2h6.438a1.78 1.78 0 0 1 1.728 2.213l-.69 2.757c-.363 1.455-.545 2.183-1.088 2.606C10.627 10 9.877 10 8.377 10M7 6h2m-3 4v9.586c0 .409 0 .613.076.797s.22.328.51.617c.666.667 1 1 1.414 1s.748-.333 1.414-1c.29-.289.434-.433.51-.617s.076-.389.076-.797V19l-1.5-1.5L10 16v-6m3-5c1.87 0 2.804 0 3.5.402A3 3 0 0 1 17.598 6.5C18 7.196 18 8.13 18 10m3 9v-6c0-1.218 0-1.826-.297-2.26a1.7 1.7 0 0 0-.442-.443C19.826 10 19.218 10 18 10s-1.826 0-2.26.297a1.7 1.7 0 0 0-.443.442C15 11.174 15 11.782 15 13v6c0 1.218 0 1.826.297 2.26a1.7 1.7 0 0 0 .442.442C16.174 22 16.782 22 18 22s1.826 0 2.26-.297a1.7 1.7 0 0 0 .442-.442C21 20.826 21 20.218 21 19m-6-3h6"/></svg>