@fluentui/react-icons/lib/atoms/svg/backpack.js

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

"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const BackpackFilled = ( /*#__PURE__*/createFluentIcon('BackpackFilled', "1em", ["M8 8.7c0-.39.31-.7.7-.7h2.6c.39 0 .7.31.7.7a.3.3 0 0 1-.3.3H8.3a.3.3 0 0 1-.3-.3ZM10 2a2.5 2.5 0 0 0-2.5 2.5v.04A6 6 0 0 0 4 10v2h12v-2a6 6 0 0 0-3.5-5.46V4.5A2.5 2.5 0 0 0 10 2Zm0 2c.5 0 1 .06 1.47.18a1.5 1.5 0 0 0-2.94 0C9 4.06 9.5 4 10 4ZM8.7 7h2.6c.94 0 1.7.76 1.7 1.7 0 .72-.58 1.3-1.3 1.3H8.3A1.3 1.3 0 0 1 7 8.7C7 7.76 7.76 7 8.7 7ZM7 14.5V13H4v2a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3v-2H8v1.5a.5.5 0 0 1-1 0Z"]));
export const BackpackRegular = ( /*#__PURE__*/createFluentIcon('BackpackRegular', "1em", ["M8.7 7C7.76 7 7 7.76 7 8.7c0 .72.58 1.3 1.3 1.3h3.4c.72 0 1.3-.58 1.3-1.3 0-.94-.76-1.7-1.7-1.7H8.7ZM8 8.7c0-.39.31-.7.7-.7h2.6c.39 0 .7.31.7.7a.3.3 0 0 1-.3.3H8.3a.3.3 0 0 1-.3-.3ZM10 2a2.5 2.5 0 0 0-2.5 2.5v.04A6 6 0 0 0 4 10v5a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3v-5a6 6 0 0 0-3.5-5.46V4.5A2.5 2.5 0 0 0 10 2Zm5 10H5v-2a5 5 0 0 1 10 0v2Zm-8 2.5a.5.5 0 0 0 1 0V13h7v2a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-2h2v1.5ZM10 4c-.5 0-1 .06-1.47.18a1.5 1.5 0 0 1 2.94 0A6.01 6.01 0 0 0 10 4Z"]));
export const Backpack12Regular = ( /*#__PURE__*/createFluentIcon('Backpack12Regular', "12", ["M5 5.5c0-.28.22-.5.5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5ZM4.5 8a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3Zm-.44-4.5H4v-1C4 1.67 4.67 1 5.5 1h1C7.33 1 8 1.67 8 2.5v1h-.06A4 4 0 0 1 10 7v2.5c0 .83-.67 1.5-1.5 1.5h-5A1.5 1.5 0 0 1 2 9.5V7a4 4 0 0 1 2.06-3.5Zm.94-1v.63a4 4 0 0 1 2 0V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5ZM3 7v2.5c0 .28.22.5.5.5h5a.5.5 0 0 0 .5-.5V7a3 3 0 0 0-6 0Z"]));
export const Backpack12Filled = ( /*#__PURE__*/createFluentIcon('Backpack12Filled', "12", ["M4.06 3.5H4v-1C4 1.67 4.67 1 5.5 1h1C7.33 1 8 1.67 8 2.5v1h-.06A4 4 0 0 1 10 7v2.5c0 .83-.67 1.5-1.5 1.5h-5A1.5 1.5 0 0 1 2 9.5V7a4 4 0 0 1 2.06-3.5Zm.94-1v.63a4 4 0 0 1 2 0V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5Zm0 3c0 .28.22.5.5.5h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 0-.5.5ZM4.5 8a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3Z"]));
export const Backpack16Regular = ( /*#__PURE__*/createFluentIcon('Backpack16Regular', "16", ["M7 6a2 2 0 0 0-2 2 1 1 0 0 0 1 1h4a1 1 0 0 0 1-1 2 2 0 0 0-2-2H7ZM6 8a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1H6Zm2-7a2 2 0 0 0-2 2v.42A5 5 0 0 0 3 8v4.5A2.5 2.5 0 0 0 5.5 15h5a2.5 2.5 0 0 0 2.5-2.5V8a5 5 0 0 0-3-4.58V3a2 2 0 0 0-2-2Zm4 9H4V8a4 4 0 1 1 8 0v2Zm-6 2.5a.5.5 0 0 0 1 0V11h5v1.5c0 .83-.67 1.5-1.5 1.5h-5A1.5 1.5 0 0 1 4 12.5V11h2v1.5ZM8 3c-.34 0-.68.03-1 .1V3a1 1 0 0 1 2 0v.1c-.32-.07-.66-.1-1-.1Z"]));
export const Backpack16Filled = ( /*#__PURE__*/createFluentIcon('Backpack16Filled', "16", ["M6 8a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1H6Zm2-7a2 2 0 0 0-2 2v.42A5 5 0 0 0 3 8v2h10V8a5 5 0 0 0-3-4.58V3a2 2 0 0 0-2-2Zm0 2c-.34 0-.68.03-1 .1V3a1 1 0 0 1 2 0v.1c-.32-.07-.66-.1-1-.1ZM7 6h2a2 2 0 0 1 2 2 1 1 0 0 1-1 1H6a1 1 0 0 1-1-1c0-1.1.9-2 2-2Zm-1 6.5V11H3v1.5A2.5 2.5 0 0 0 5.5 15h5a2.5 2.5 0 0 0 2.5-2.5V11H7v1.5a.5.5 0 0 1-1 0Z"]));
export const Backpack20Regular = ( /*#__PURE__*/createFluentIcon('Backpack20Regular', "20", ["M8.7 7C7.76 7 7 7.76 7 8.7c0 .72.58 1.3 1.3 1.3h3.4c.72 0 1.3-.58 1.3-1.3 0-.94-.76-1.7-1.7-1.7H8.7ZM8 8.7c0-.39.31-.7.7-.7h2.6c.39 0 .7.31.7.7a.3.3 0 0 1-.3.3H8.3a.3.3 0 0 1-.3-.3ZM10 2a2.5 2.5 0 0 0-2.5 2.5v.04A6 6 0 0 0 4 10v5a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3v-5a6 6 0 0 0-3.5-5.46V4.5A2.5 2.5 0 0 0 10 2Zm5 10H5v-2a5 5 0 0 1 10 0v2Zm-8 2.5a.5.5 0 0 0 1 0V13h7v2a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-2h2v1.5ZM10 4c-.5 0-1 .06-1.47.18a1.5 1.5 0 0 1 2.94 0A6.01 6.01 0 0 0 10 4Z"]));
export const Backpack20Filled = ( /*#__PURE__*/createFluentIcon('Backpack20Filled', "20", ["M8 8.7c0-.39.31-.7.7-.7h2.6c.39 0 .7.31.7.7a.3.3 0 0 1-.3.3H8.3a.3.3 0 0 1-.3-.3ZM10 2a2.5 2.5 0 0 0-2.5 2.5v.04A6 6 0 0 0 4 10v2h12v-2a6 6 0 0 0-3.5-5.46V4.5A2.5 2.5 0 0 0 10 2Zm0 2c.5 0 1 .06 1.47.18a1.5 1.5 0 0 0-2.94 0C9 4.06 9.5 4 10 4ZM8.7 7h2.6c.94 0 1.7.76 1.7 1.7 0 .72-.58 1.3-1.3 1.3H8.3A1.3 1.3 0 0 1 7 8.7C7 7.76 7.76 7 8.7 7ZM7 14.5V13H4v2a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3v-2H8v1.5a.5.5 0 0 1-1 0Z"]));
export const Backpack24Regular = ( /*#__PURE__*/createFluentIcon('Backpack24Regular', "24", ["M10.42 8A2.42 2.42 0 0 0 8 10.42c0 .87.7 1.58 1.58 1.58h4.84c.87 0 1.58-.7 1.58-1.58A2.42 2.42 0 0 0 13.58 8h-3.16Zm-.92 2.42c0-.51.41-.92.92-.92h3.16c.51 0 .92.41.92.92 0 .04-.04.08-.08.08H9.58a.08.08 0 0 1-.08-.08ZM12 2a3.75 3.75 0 0 0-3.74 3.42A8 8 0 0 0 4 12.5v6.25C4 20.55 5.46 22 7.25 22h9.5c1.8 0 3.25-1.46 3.25-3.25V12.5a8 8 0 0 0-4.26-7.08A3.75 3.75 0 0 0 12 2Zm6.5 12h-13v-1.5a6.5 6.5 0 0 1 13 0V14ZM8 17.25a.75.75 0 0 0 1.5 0v-1.54h9v3.04c0 .97-.78 1.75-1.75 1.75h-9.5c-.97 0-1.75-.78-1.75-1.75v-3.04H8v1.54ZM12 4.5c-.7 0-1.37.09-2.02.26a2.25 2.25 0 0 1 4.04 0A8.01 8.01 0 0 0 12 4.5Z"]));
export const Backpack24Filled = ( /*#__PURE__*/createFluentIcon('Backpack24Filled', "24", ["M12 2a3.75 3.75 0 0 0-3.74 3.42A8 8 0 0 0 4 12.5V14h16v-1.5a8 8 0 0 0-4.26-7.08A3.75 3.75 0 0 0 12 2Zm8 13.71H9.5v1.54a.75.75 0 0 1-1.5 0v-1.54H4v3.04C4 20.55 5.46 22 7.25 22h9.5c1.8 0 3.25-1.46 3.25-3.25v-3.04ZM12 4.5c-.7 0-1.37.09-2.02.26a2.25 2.25 0 0 1 4.04 0A8.01 8.01 0 0 0 12 4.5Zm-4 5.92A2.42 2.42 0 0 1 10.42 8h3.16A2.42 2.42 0 0 1 16 10.42c0 .87-.7 1.58-1.58 1.58H9.58C8.71 12 8 11.3 8 10.42Zm2.42-.92c-.51 0-.92.41-.92.92 0 .04.04.08.08.08h4.84c.04 0 .08-.04.08-.08 0-.51-.41-.92-.92-.92h-3.16Z"]));
export const Backpack28Regular = ( /*#__PURE__*/createFluentIcon('Backpack28Regular', "28", ["M9 12.25C9 10.45 10.46 9 12.25 9h3.5c1.8 0 3.25 1.46 3.25 3.25 0 .97-.78 1.75-1.75 1.75h-6.5C9.78 14 9 13.22 9 12.25Zm3.25-1.75c-.97 0-1.75.78-1.75 1.75 0 .14.11.25.25.25h6.5c.14 0 .25-.11.25-.25 0-.97-.78-1.75-1.75-1.75h-3.5ZM14 2a5 5 0 0 0-4.94 4.2A9.75 9.75 0 0 0 4 14.75v7.5A3.75 3.75 0 0 0 7.75 26h12.5A3.75 3.75 0 0 0 24 22.25v-7.5c0-3.69-2.05-6.9-5.06-8.55A5 5 0 0 0 14 2Zm-.25 3c-1 0-1.97.15-2.88.43a3.5 3.5 0 0 1 6.26 0A9.75 9.75 0 0 0 14.25 5h-.5Zm0 1.5h.5c4.56 0 8.25 3.7 8.25 8.25V16h-17v-1.25c0-4.56 3.7-8.25 8.25-8.25ZM9 17.5v1.75a.75.75 0 0 0 1.5 0V17.5h12v4.75c0 1.24-1 2.25-2.25 2.25H7.75c-1.24 0-2.25-1-2.25-2.25V17.5H9Z"]));
export const Backpack28Filled = ( /*#__PURE__*/createFluentIcon('Backpack28Filled', "28", ["M10.5 12.25c0-.97.78-1.75 1.75-1.75h3.5c.97 0 1.75.78 1.75 1.75 0 .14-.11.25-.25.25h-6.5a.25.25 0 0 1-.25-.25ZM14 2a5.25 5.25 0 0 0-5.19 4.45A10 10 0 0 0 4 15v1h20v-1a10 10 0 0 0-4.81-8.55A5.25 5.25 0 0 0 14 2Zm0 3c-.91 0-1.8.12-2.64.35a3.25 3.25 0 0 1 5.28 0C15.8 5.12 14.9 5 14 5Zm-1.75 4h3.5c1.8 0 3.25 1.46 3.25 3.25 0 .97-.78 1.75-1.75 1.75h-6.5C9.78 14 9 13.22 9 12.25 9 10.45 10.46 9 12.25 9ZM9 19.25V17.5H4V22a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4v-4.5H10.5v1.75a.75.75 0 0 1-1.5 0Z"]));
export const Backpack32Regular = ( /*#__PURE__*/createFluentIcon('Backpack32Regular', "32", ["M14 12a4 4 0 0 0-4 4c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2 4 4 0 0 0-4-4h-4Zm-2 4c0-1.1.9-2 2-2h4a2 2 0 0 1 2 2h-8Zm4-14a4 4 0 0 0-4 4v.83A10 10 0 0 0 6 16v9a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5v-9a10 10 0 0 0-6-9.17V6a4 4 0 0 0-4-4Zm8 18H8v-4a8 8 0 1 1 16 0v4Zm-12 5a1 1 0 1 0 2 0v-3h10v3a3 3 0 0 1-3 3H11a3 3 0 0 1-3-3v-3h4v3Zm4-19c-.68 0-1.35.07-2 .2V6a2 2 0 1 1 4 0v.2c-.65-.13-1.32-.2-2-.2Z"]));
export const Backpack32Filled = ( /*#__PURE__*/createFluentIcon('Backpack32Filled', "32", ["M12 16c0-1.1.9-2 2-2h4a2 2 0 0 1 2 2h-8Zm4-14a4 4 0 0 0-4 4v.83A10 10 0 0 0 6 16v4h20v-4a10 10 0 0 0-6-9.17V6a4 4 0 0 0-4-4Zm0 4c-.68 0-1.35.07-2 .2V6a2 2 0 1 1 4 0v.2c-.65-.13-1.32-.2-2-.2Zm-2 6h4a4 4 0 0 1 4 4 2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2 4 4 0 0 1 4-4Zm-2 13v-3H6v3a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5v-3H14v3a1 1 0 1 1-2 0Z"]));
export const Backpack48Regular = ( /*#__PURE__*/createFluentIcon('Backpack48Regular', "48", ["M16 21.18A2.82 2.82 0 0 0 18.82 24h10.36A2.82 2.82 0 0 0 32 21.18 5.18 5.18 0 0 0 26.82 16h-5.64A5.18 5.18 0 0 0 16 21.18Zm5.18-2.68h5.64c1.48 0 2.68 1.2 2.68 2.68 0 .18-.14.32-.32.32H18.82a.32.32 0 0 1-.32-.32c0-1.48 1.2-2.68 2.68-2.68ZM24 4a8 8 0 0 0-7.95 7.11A16 16 0 0 0 8 25v13.75c0 2.9 2.35 5.25 5.25 5.25h21.5c2.9 0 5.25-2.35 5.25-5.25V25a16 16 0 0 0-8.05-13.89A8 8 0 0 0 24 4Zm13.5 24h-27v-3a13.5 13.5 0 0 1 27 0v3ZM16 30.5v3.25a1.25 1.25 0 1 0 2.5 0V30.5h19v8.25a2.75 2.75 0 0 1-2.75 2.75h-21.5a2.75 2.75 0 0 1-2.75-2.75V30.5H16ZM24 9c-1.76 0-3.46.29-5.05.81a5.5 5.5 0 0 1 10.1 0A15.98 15.98 0 0 0 24 9Z"]));
export const Backpack48Filled = ( /*#__PURE__*/createFluentIcon('Backpack48Filled', "48", ["M21.18 18.5a2.68 2.68 0 0 0-2.68 2.68c0 .18.14.32.32.32h10.36c.18 0 .32-.14.32-.32 0-1.48-1.2-2.68-2.68-2.68h-5.64ZM24 4a8 8 0 0 0-7.95 7.11A16 16 0 0 0 8 25v3h32v-3a16 16 0 0 0-8.05-13.89A8 8 0 0 0 24 4Zm0 5c-1.76 0-3.46.29-5.05.81a5.5 5.5 0 0 1 10.1 0A15.98 15.98 0 0 0 24 9Zm-8 12.18A5.18 5.18 0 0 1 21.18 16h5.64A5.18 5.18 0 0 1 32 21.18 2.82 2.82 0 0 1 29.18 24H18.82A2.82 2.82 0 0 1 16 21.18Zm0 9.32v3.25a1.25 1.25 0 1 0 2.5 0V30.5H40v8.25c0 2.9-2.35 5.25-5.25 5.25h-21.5A5.25 5.25 0 0 1 8 38.75V30.5h8Z"]));