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 { Fence } from '@rdicons/react-hugeicons'
export function Example() {
return <Fence />
}SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="#000000" stroke-linejoin="round" stroke-width="1.5"><path stroke-linecap="square" d="m21.4 4.2l-.6-.8a1 1 0 0 0-1.6 0l-.6.8c-.297.396-.446.595-.523.826S18 5.504 18 6v13c0 .465 0 .698.051.888a1.5 1.5 0 0 0 1.06 1.06c.191.052.424.052.889.052s.698 0 .888-.051a1.5 1.5 0 0 0 1.06-1.06C22 19.697 22 19.464 22 19V6c0-.496 0-.743-.077-.974s-.226-.43-.523-.826Zm-8 0l-.6-.8a1 1 0 0 0-1.6 0l-.6.8c-.297.396-.446.595-.523.826S10 5.504 10 6v13c0 .465 0 .698.051.888a1.5 1.5 0 0 0 1.06 1.06c.191.052.424.052.889.052s.697 0 .888-.051a1.5 1.5 0 0 0 1.06-1.06C14 19.697 14 19.464 14 19V6c0-.496 0-.743-.077-.974s-.226-.43-.523-.826Zm-8 0l-.6-.8a1 1 0 0 0-1.6 0l-.6.8c-.297.396-.446.595-.523.826S2 5.504 2 6v13c0 .465 0 .698.051.888a1.5 1.5 0 0 0 1.06 1.06C3.304 21 3.536 21 4 21s.697 0 .888-.051a1.5 1.5 0 0 0 1.06-1.06C6 19.697 6 19.464 6 19V6c0-.496 0-.743-.077-.974s-.226-.43-.523-.826Z"/><path stroke-linecap="round" d="M10 8H6v10h4zm8 0h-4v10h4z"/></g></svg>