The HugeIcons preference vertical icon depicts a list of settings or options arranged vertically, commonly used to represent a settings menu or preferences panel.
Common uses
- Settings menu button
- User preferences panel
- Configuration options list
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { PreferenceVerticalIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={PreferenceVerticalIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- vertical settingsoptions listmenu settingspreferences list
FAQ
- What is the preference vertical icon used for?
- It visually represents a list of settings or preferences, often used for navigation within a settings or configuration area of an application.
- How do I use the PreferenceVerticalIcon in React?
- Import both HugeiconsIcon and PreferenceVerticalIcon, then render the icon using <HugeiconsIcon icon={PreferenceVerticalIcon} />.
- What is the license for this icon?
- The HugeIcons preference vertical icon is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in 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 →