Gentleface › Arrows › fold-up
fold-up icon
fold-upFold up: expand lines above, show lines above. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.
Code line-round
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M7.5 3C7.638 3 7.756 3.049 7.854 3.146L10.854 6.146C10.951 6.244 11 6.362 11 6.5C11 6.638 10.951 6.756 10.854 6.854C10.754 6.953 10.636 7.003 10.5 7.003C10.364 7.003 10.246 6.953 10.146 6.854L8 4.707L8 10.5C8 10.641 7.952 10.759 7.856 10.856C7.759 10.952 7.641 11 7.5 11C7.359 11 7.241 10.952 7.144 10.856C7.048 10.759 7 10.641 7 10.5L7 4.707L4.854 6.854C4.754 6.953 4.636 7.003 4.5 7.003C4.364 7.003 4.246 6.953 4.146 6.854C4.047 6.754 3.997 6.636 3.997 6.5C3.997 6.364 4.047 6.246 4.146 6.146L7.146 3.146C7.244 3.049 7.362 3 7.5 3ZM3 13L1 13L1 12L3 12L3 13ZM6 13L4 13L4 12L6 12L6 13ZM11 13L9 13L9 12L11 12L11 13ZM14 13L12 13L12 12L14 12L14 13Z"/></svg>
// Gentleface "fold-up" (line-round), MIT. https://gentleface.com/icons/fold-up
import type { SVGProps } from 'react';
export function FoldUpIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
<path d="M7.5 3C7.638 3 7.756 3.049 7.854 3.146L10.854 6.146C10.951 6.244 11 6.362 11 6.5C11 6.638 10.951 6.756 10.854 6.854C10.754 6.953 10.636 7.003 10.5 7.003C10.364 7.003 10.246 6.953 10.146 6.854L8 4.707L8 10.5C8 10.641 7.952 10.759 7.856 10.856C7.759 10.952 7.641 11 7.5 11C7.359 11 7.241 10.952 7.144 10.856C7.048 10.759 7 10.641 7 10.5L7 4.707L4.854 6.854C4.754 6.953 4.636 7.003 4.5 7.003C4.364 7.003 4.246 6.953 4.146 6.854C4.047 6.754 3.997 6.636 3.997 6.5C3.997 6.364 4.047 6.246 4.146 6.146L7.146 3.146C7.244 3.049 7.362 3 7.5 3ZM3 13L1 13L1 12L3 12L3 13ZM6 13L4 13L4 12L6 12L6 13ZM11 13L9 13L9 12L11 12L11 13ZM14 13L12 13L12 12L14 12L14 13Z" />
</svg>
);
}Vue: see /icons/fold-up.md
Svelte: see /icons/fold-up.md
HTML img: see /icons/fold-up.md
CSS: see /icons/fold-up.md
Data URL: see /icons/fold-up.md
Sprite: see /icons/fold-up.md
SwiftUI: see /icons/fold-up.md
Compose: see /icons/fold-up.md
Android XML: see /icons/fold-up.md
Flutter: see /icons/fold-up.md
Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.
With npm: import { FoldUpIcon } from '@gentleface/react'; (setup).
Meaning
- Use it for
- expand lines above, show lines above
- Alternatives
- Also fits
- expand lines below: reveal hidden lines above instead (expand-lines-above)
- Tags
- fold, unfold, expand, expand-up, show-more, lines-above, diff, code-folding, hidden-lines, reveal, arrow, up
- Category
- Arrows
- Component name
FoldUpIcon- History
- released in 0.2.0
- added
- Since
- version 0.2.0
Family 5
More arrows icons
arrow-down arrow-down-from-line arrow-down-left arrow-down-right arrow-down-to-line arrow-left arrow-left-circle arrow-left-right arrow-left-to-line arrow-right arrow-right-circle arrow-right-to-line arrow-up arrow-up-down arrow-up-from-line arrow-up-left · all arrows icons
For agents
Metadata: /icons/fold-up.json · Markdown: /icons/fold-up.md · SVG: https://gentleface.com/svg/{style}/16/fold-up.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/fold-up.png