Square arrow out up icon: free SVG in 5 styles

Square arrow out 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 square-arrow-out-up --style linear

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

dist/linear/square-arrow-out-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="M9 9.75L8.25 9.75C6.129 9.75 5.068 9.75 4.409 10.409C3.75 11.068 3.75 12.129 3.75 14.25L3.75 17.25C3.75 19.371 3.75 20.432 4.409 21.091C5.068 21.75 6.129 21.75 8.25 21.75L15.75 21.75C17.871 21.75 18.932 21.75 19.591 21.091C20.25 20.432 20.25 19.371 20.25 17.25L20.25 14.25C20.25 12.129 20.25 11.068 19.591 10.409C18.932 9.75 17.871 9.75 15.75 9.75L15 9.75"/>
  <path d="M12 15V2.25"/>
  <path d="M7.5 6.75L12 2.25L16.5 6.75"/>
</svg>

Square arrow out up in five styles

Linear at 16, 20, 24 and 32px

Get the SVG

More in Arrows Action