Arrow Enter Up icon
Used for enter actions on keyboard. The Arrow Enter Up icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Arrow Enter Up icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { ArrowEnterUp24Regular, ArrowEnterUp24Filled } from "@fluentui/react-icons";
export function Example() {
return <ArrowEnterUp24Regular aria-label="Arrow Enter Up" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_arrow_enter_up_24_regular.svg" width="24" height="24" alt="Arrow Enter Up"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 21.2506C20 21.6648 19.6642 22.0006 19.25 22.0006L12.75 22.0006C10.6789 22.0006 9 20.3216 9 18.2506L9 4.58639L5.28033 8.30572C5.01406 8.57199 4.5974 8.59619 4.30379 8.37834L4.21967 8.30572C3.9534 8.03945 3.9292 7.62279 4.14705 7.32918L4.21967 7.24506L9.21967 2.24506C9.48594 1.97879 9.9026 1.95459 10.1962 2.17244L10.2803 2.24506L15.2803 7.24506C15.5732 7.53795 15.5732 8.01283 15.2803 8.30572C15.0141 8.57199 14.5974 8.59619 14.3038 8.37834L14.2197 8.30572L10.5 4.58639L10.5 18.2506C10.5 19.4414 11.4252 20.4162 12.596 20.4954L12.75 20.5006L19.25 20.5006C19.6642 20.5006 20 20.8363 20 21.2506Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/arrow_enter_up_24_regular.svg";Details
| Name | Arrow Enter Up |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_arrow_enter_up_24_regular.svg |
| Filled file | ic_fluent_arrow_enter_up_24_filled.svg |
| React components | ArrowEnterUp24Regular, ArrowEnterUp24Filled |
| License | MIT (© Microsoft Corporation) |