What does the custom field icon represent?

It signifies a field where users can input or define their own specific data, often in settings or forms.

How do I use this icon in React?

Import both HugeiconsIcon and CustomFieldIcon, then render .

What is the license for this icon?

This icon is released under the MIT license, allowing for free usage.

custom field icon

HugeIcons · CustomFieldIcon · MIT

The HugeIcons custom field icon visually represents a placeholder for user-defined data entry, commonly used to denote fields that can be personalized or configured by the user.

Common uses

Configurable form fields
User profile customization
Dynamic data input areas

Use it in React

Install

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

Import & render

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

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

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: input fieldtext boxdata entryform element

FAQ

What does the custom field icon represent?: It signifies a field where users can input or define their own specific data, often in settings or forms.
How do I use this icon in React?: Import both HugeiconsIcon and CustomFieldIcon, then render <HugeiconsIcon icon={CustomFieldIcon} />.
What is the license for this icon?: This icon is released under the MIT license, allowing for free usage.

Related icons

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

hugeicons hugeicons hugeicons 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 →