@fluentui/react-icons/lib/atoms/svg/arrow-square.js

Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.

"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const ArrowSquareColor = ( /*#__PURE__*/createFluentIcon('ArrowSquareColor', "1em", `<path d="M5 3a2 2 0 0 0-2 2v10c0 1.1.9 2 2 2h10a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5Z" fill="url(#ic_fluent_arrow_square_20_color__a)"/><path d="M10.5 6.5a.5.5 0 0 0-1 0v5.8L6.85 9.64a.5.5 0 1 0-.7.7l3.5 3.5c.2.2.5.2.7 0l3.5-3.5a.5.5 0 0 0-.7-.7l-2.65 2.64V6.5Z" fill="url(#ic_fluent_arrow_square_20_color__b)"/><defs><linearGradient id="ic_fluent_arrow_square_20_color__a" x1="3.5" y1="5.63" x2="14.5" y2="14.38" gradientUnits="userSpaceOnUse"><stop stop-color="#36DFF1"/><stop offset="1" stop-color="#2764E7"/></linearGradient><linearGradient id="ic_fluent_arrow_square_20_color__b" x1="7.54" y1="6.62" x2="14" y2="20.62" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#B3E0FF"/></linearGradient></defs>`, { color: true }));
export const ArrowSquare20Color = ( /*#__PURE__*/createFluentIcon('ArrowSquare20Color', "20", `<path d="M5 3a2 2 0 0 0-2 2v10c0 1.1.9 2 2 2h10a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5Z" fill="url(#ic_fluent_arrow_square_20_color__a)"/><path d="M10.5 6.5a.5.5 0 0 0-1 0v5.8L6.85 9.64a.5.5 0 1 0-.7.7l3.5 3.5c.2.2.5.2.7 0l3.5-3.5a.5.5 0 0 0-.7-.7l-2.65 2.64V6.5Z" fill="url(#ic_fluent_arrow_square_20_color__b)"/><defs><linearGradient id="ic_fluent_arrow_square_20_color__a" x1="3.5" y1="5.63" x2="14.5" y2="14.38" gradientUnits="userSpaceOnUse"><stop stop-color="#36DFF1"/><stop offset="1" stop-color="#2764E7"/></linearGradient><linearGradient id="ic_fluent_arrow_square_20_color__b" x1="7.54" y1="6.62" x2="14" y2="20.62" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#B3E0FF"/></linearGradient></defs>`, { color: true }));
export const ArrowSquare24Color = ( /*#__PURE__*/createFluentIcon('ArrowSquare24Color', "24", `<path d="M6.25 3A3.25 3.25 0 0 0 3 6.25v11.5C3 19.55 4.46 21 6.25 21h11.5c1.8 0 3.25-1.46 3.25-3.25V6.25C21 4.45 19.54 3 17.75 3H6.25Z" fill="url(#ic_fluent_arrow_square_24_color__a)"/><path d="m16.53 11.72-.08-.07a.75.75 0 0 0-.98.07l-2.72 2.72V7.65A.75.75 0 0 0 12 7h-.1a.75.75 0 0 0-.65.75v6.7l-2.72-2.73-.08-.07a.75.75 0 0 0-.98 1.13l4 4 .08.07c.3.22.71.2.98-.07l4-4 .07-.08c.22-.3.2-.71-.07-.98Z" fill="url(#ic_fluent_arrow_square_24_color__b)"/><defs><linearGradient id="ic_fluent_arrow_square_24_color__a" x1="3.64" y1="6.38" x2="17.79" y2="17.63" gradientUnits="userSpaceOnUse"><stop stop-color="#36DFF1"/><stop offset="1" stop-color="#2764E7"/></linearGradient><linearGradient id="ic_fluent_arrow_square_24_color__b" x1="9.08" y1="7.77" x2="16.75" y2="25.27" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#B3E0FF"/></linearGradient></defs>`, { color: true }));
export const ArrowSquare32Regular = ( /*#__PURE__*/createFluentIcon('ArrowSquare32Regular', "32", ["M21.3 15.3a1 1 0 0 1 1.4 1.4l-6 6a1 1 0 0 1-1.4 0l-6-6a1 1 0 1 1 1.4-1.4l4.3 4.29V10a1 1 0 1 1 2 0v9.59l4.3-4.3ZM7.5 3A4.5 4.5 0 0 0 3 7.5v17A4.5 4.5 0 0 0 7.5 29h17a4.5 4.5 0 0 0 4.5-4.5v-17A4.5 4.5 0 0 0 24.5 3h-17ZM5 7.5A2.5 2.5 0 0 1 7.5 5h17A2.5 2.5 0 0 1 27 7.5v17a2.5 2.5 0 0 1-2.5 2.5h-17A2.5 2.5 0 0 1 5 24.5v-17Z"]));
export const ArrowSquare32Filled = ( /*#__PURE__*/createFluentIcon('ArrowSquare32Filled', "32", ["M7.5 3A4.5 4.5 0 0 0 3 7.5v17A4.5 4.5 0 0 0 7.5 29h17a4.5 4.5 0 0 0 4.5-4.5v-17A4.5 4.5 0 0 0 24.5 3h-17Zm13.8 12.3a1 1 0 0 1 1.4 1.4l-6 6a1 1 0 0 1-1.4 0l-6-6a1 1 0 1 1 1.4-1.4l4.3 4.29V10a1 1 0 1 1 2 0v9.59l4.3-4.3Z"]));
export const ArrowSquare32Color = ( /*#__PURE__*/createFluentIcon('ArrowSquare32Color', "32", `<path d="M3 7.5A4.5 4.5 0 0 1 7.5 3h17A4.5 4.5 0 0 1 29 7.5v17a4.5 4.5 0 0 1-4.5 4.5h-17A4.5 4.5 0 0 1 3 24.5v-17Z" fill="url(#ic_fluent_arrow_square_32_color__a)"/><path d="M22.7 15.3a1 1 0 0 0-1.4 0L17 19.58V10a1 1 0 1 0-2 0v9.59l-4.3-4.3a1 1 0 0 0-1.4 1.42l6 6a1 1 0 0 0 1.4 0l6-6a1 1 0 0 0 0-1.42Z" fill="url(#ic_fluent_arrow_square_32_color__b)"/><defs><linearGradient id="ic_fluent_arrow_square_32_color__a" x1="3.93" y1="7.88" x2="24.36" y2="24.13" gradientUnits="userSpaceOnUse"><stop stop-color="#36DFF1"/><stop offset="1" stop-color="#2764E7"/></linearGradient><linearGradient id="ic_fluent_arrow_square_32_color__b" x1="11.69" y1="10.08" x2="23" y2="34.58" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#B3E0FF"/></linearGradient></defs>`, { color: true }));