preference-vertical · Huge Icons
Free SVG preference-vertical icon from Huge Icons. Rendered at 24×24 in the stroke style and licensed under MIT. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for MIT licensed icons.
Tags
- preference
- vertical
Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 11v10m15-8v8m0-18v4m-7.5-4v10M4 3v2m7.5 14v2M2 9.5c0-.466 0-.699.076-.883a1 1 0 0 1 .541-.54C2.801 8 3.034 8 3.5 8h1c.466 0 .699 0 .883.076a1 1 0 0 1 .54.541C6 8.801 6 9.034 6 9.5s0 .699-.076.883a1 1 0 0 1-.541.54C5.199 11 4.966 11 4.5 11h-1c-.466 0-.699 0-.883-.076a1 1 0 0 1-.54-.541C2 10.199 2 9.966 2 9.5m15 2c0-.466 0-.699.076-.883a1 1 0 0 1 .541-.54c.184-.077.417-.077.883-.077h1c.466 0 .699 0 .883.076a1 1 0 0 1 .54.541c.077.184.077.417.077.883s0 .699-.076.883a1 1 0 0 1-.541.54c-.184.077-.417.077-.883.077h-1c-.466 0-.699 0-.883-.076a1 1 0 0 1-.54-.541C17 12.199 17 11.966 17 11.5m-7.5 3c0-.466 0-.699.076-.883a1 1 0 0 1 .541-.54C10.301 13 10.534 13 11 13h1c.466 0 .699 0 .883.076a1 1 0 0 1 .54.541c.077.184.077.417.077.883s0 .699-.076.883a1 1 0 0 1-.541.54C12.699 16 12.466 16 12 16h-1c-.466 0-.699 0-.883-.076a1 1 0 0 1-.54-.541c-.077-.184-.077-.417-.077-.883"/></svg>
// Run: npx sant-icons get huge-preference-vertical --format react
export function HugePreferenceVertical(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 11v10m15-8v8m0-18v4m-7.5-4v10M4 3v2m7.5 14v2M2 9.5c0-.466 0-.699.076-.883a1 1 0 0 1 .541-.54C2.801 8 3.034 8 3.5 8h1c.466 0 .699 0 .883.076a1 1 0 0 1 .54.541C6 8.801 6 9.034 6 9.5s0 .699-.076.883a1 1 0 0 1-.541.54C5.199 11 4.966 11 4.5 11h-1c-.466 0-.699 0-.883-.076a1 1 0 0 1-.54-.541C2 10.199 2 9.966 2 9.5m15 2c0-.466 0-.699.076-.883a1 1 0 0 1 .541-.54c.184-.077.417-.077.883-.077h1c.466 0 .699 0 .883.076a1 1 0 0 1 .54.541c.077.184.077.417.077.883s0 .699-.076.883a1 1 0 0 1-.541.54c-.184.077-.417.077-.883.077h-1c-.466 0-.699 0-.883-.076a1 1 0 0 1-.54-.541C17 12.199 17 11.966 17 11.5m-7.5 3c0-.466 0-.699.076-.883a1 1 0 0 1 .541-.54C10.301 13 10.534 13 11 13h1c.466 0 .699 0 .883.076a1 1 0 0 1 .54.541c.077.184.077.417.077.883s0 .699-.076.883a1 1 0 0 1-.541.54C12.699 16 12.466 16 12 16h-1c-.466 0-.699 0-.883-.076a1 1 0 0 1-.54-.541c-.077-.184-.077-.417-.077-.883"/></svg>
);
}npx sant-icons get huge-preference-vertical
Properties
- Name
- preference-vertical
- Library
- Huge Icons
- Style
- stroke
- License
- MIT
- Version
- 1.2.35
- Identifier
- huge-preference-vertical
Related from Huge Icons
The preference-vertical icon ships with Huge Icons, an open-source icon set licensed under MIT. Search for it as "huge icons preference-vertical", "preference-vertical svg", or any of its tagged terms (preference, vertical). The SVG is normalised to a 24×24 viewBox so you can drop it into any UI framework alongside the other icons here without scaling concerns.
Need this icon in your codebase fast? Install the MCP server for Claude Code (or any MCP-aware AI tool) and ask the model to fetch huge-preference-vertical directly into your project. No browser context-switch.