The Phosphor arrow square in icon depicts an arrow pointing into a square, commonly used to represent actions like importing data, entering a section, or navigating into a specific area.
Common uses
- Importing files or data
- Navigating into a detailed view
- Entering a specific module or section
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ArrowSquareIn } from '@phosphor-icons/react';
<ArrowSquareIn size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ArrowSquareIn size={24} />thin
<ArrowSquareIn size={24} weight="thin" />light
<ArrowSquareIn size={24} weight="light" />bold
<ArrowSquareIn size={24} weight="bold" />fill
<ArrowSquareIn size={24} weight="fill" />duotone
<ArrowSquareIn size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- arrows
- Keywords
- importdirectionalpointerpointingarrowheadarrowsarrowsquareinimport iconenter iconinbound arrowarrow into box
FAQ
- What is the arrow square in icon used for?
- It typically signifies an action of entering, importing, or navigating into something, like a file or a specific section of an application.
- How do I use the arrow square in icon in React?
- You can import it directly from the Phosphor React library: import { ArrowSquareIn } from '@phosphor-icons/react'.
- What is the license for Phosphor icons?
- Phosphor icons, including arrow square in, are distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.