What does the fence icon represent?

It visually signifies a barrier, boundary, or area that is enclosed or restricted.

How do I use the FenceIcon in React?

Import both HugeiconsIcon and FenceIcon, then render .

What is the license for this icon?

The HugeIcons fence icon is available under the MIT license.

fence icon

HugeIcons · FenceIcon · MIT

The HugeIcons fence icon depicts a barrier, commonly used to represent boundaries, security, or restricted areas in UI design.

Common uses

Security zone indicator
Restricted access area
Property line marker

Use it in React

Install

npm i @hugeicons/react @hugeicons/core-free-icons

Import & render

import { HugeiconsIcon } from '@hugeicons/react';
import { FenceIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={FenceIcon} size={24} strokeWidth={1.5} />

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: barrierenclosureboundaryhedge

FAQ

What does the fence icon represent?: It visually signifies a barrier, boundary, or area that is enclosed or restricted.
How do I use the FenceIcon in React?: Import both HugeiconsIcon and FenceIcon, then render <HugeiconsIcon icon={FenceIcon} />.
What is the license for this icon?: The HugeIcons fence icon is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in HugeIcons.

lucide tabler hugeicons hugeicons

Looking for something else? Search HugeIcons and 4 more libraries by description →

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →