What does the square arrow down icon represent?

It represents actions like downloading, saving, or moving content downwards or to a subsequent state.

How do I use the square arrow down icon in React?

You can import and use it like this: import { SquareArrowDown } from 'lucide-react'

What is the license for this icon?

This icon is available under the ISC license.

square arrow down icon

Lucide · square-arrow-down · ISC

The Lucide square arrow down icon depicts a square with an arrow pointing downwards, commonly used to signify downloading, saving, or moving content to a lower or subsequent state.

Common uses

Download button
Save action
Move to bottom

Use it in React

Install

npm i lucide-react

Import & render

import { SquareArrowDown } from 'lucide-react';

<SquareArrowDown size={24} />

Details

Library: Lucide (1,713 icons)
License: ISC
viewBox: 0 0 24 24
Keywords: backwardsreversedirectionsouthsignkeyboardbuttonsquarearrowdowndownloadsaveimport

FAQ

What does the square arrow down icon represent?: It represents actions like downloading, saving, or moving content downwards or to a subsequent state.
How do I use the square arrow down icon in React?: You can import and use it like this: import { SquareArrowDown } from 'lucide-react'
What is the license for this icon?: This icon is available under the ISC license.

Related icons

The same idea in other libraries, and near matches in Lucide.

tabler lucide lucide lucide lucide lucide lucide lucide lucide lucide lucide lucide

Looking for something else? Search Lucide 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 →