Arrow Top Right From Square

arrow-top-right-from-square

Arrows Interfaces

A square with an arrow exiting from the top-right corner, representing an open-in-new-tab or external link action. Use for external link buttons or open-in-new-window indicators.

Code

<i class="icf-solid icf-arrow-top-right-from-square"></i>

icf-solid icf-arrow-top-right-from-square

<i className="icf-solid icf-arrow-top-right-from-square" />

Unicode: 
Hex: \e28a
HTML Entity: 

.my-icon::before {
    font-family: "Iconfyra 1";
    font-weight: 900;
    content: "\e28a";
}

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
    <path d="M329,78c-17.12083,0 -31,-13.87917 -31,-31c0,-17.12083 13.87917,-31 31,-31h136c17.12083,0 31,13.87917 31,31v136c0,17.12083 -13.87917,31 -31,31c-17.12083,0 -31,-13.87917 -31,-31l0,-61.16l-181.08,181.08c-12.12473,11.9964 -31.66296,11.94443 -43.72369,-0.11631c-12.06074,-12.06074 -12.11271,-31.59896 -0.11631,-43.72369l181.08,-181.08zM248 64L60 64A44 44 0 0 0 16 108L16 452A44 44 0 0 0 60 496L404 496A44 44 0 0 0 448 452L448 264A31 31 0 0 0 386 264L386 452L404 434L60 434L78 452L78 108L60 126L248 126A31 31 0 0 0 248 64Z"/>
</svg>

Available Variants

Classic

Solid

Free

Regular

Free

Light

Basic

Thin

Basic

Duotone

Solid

Pro

Regular

Pro

Light

Pro

Thin

Pro

Sizes

16px

24px

32px

48px

64px

96px

128px

Download

SVG (Classic Solid) SVG (Classic Regular)