Bloom

Chevron up

chevron-up

A 24px icon in Bloom’s Arrows category, drawn once as Linear and grown into the other four styles. Free SVG files in currentColor, MIT license.

Category: Arrows
Tags: collapse up less
Motion: Moves on hover

Chevron up in five styles

Linear
Line Duotone
Outline
Bold
Bold Duotone

Linear at 16, 20, 24 and 32px

16px
20px
24px
32px

Get the SVG

The command prints the file exactly as Bloom ships it. Set --style to line-duotone, outline, bold or bold-duotone for the other styles. The same files are in the npm package under dist/ and on this site under svg/.

npx -y bloom-icons get chevron-up --style linear

It also moves on hover: add --motion to the command, or take dist/motion/<style>/chevron-up.svg.

Lineardist/linear/chevron-up.svgsvg/linear/chevron-up.svg
Line Duotonedist/line-duotone/chevron-up.svgsvg/line-duotone/chevron-up.svg
Outlinedist/outline/chevron-up.svgsvg/outline/chevron-up.svg
Bolddist/bold/chevron-up.svgsvg/bold/chevron-up.svg
Bold Duotonedist/bold-duotone/chevron-up.svgsvg/bold-duotone/chevron-up.svg

dist/linear/chevron-up.svg

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
  <path d="M6.75 14.625L12 9.375L17.25 14.625"/>
</svg>

More in Arrows

Open in the icon browser Browse all 1,260 icons