Beta

Backpack SVG icon, line

Free

This rounded backpack includes a top handle, shoulder straps, and a front pocket. Use it on back-to-school lists and field trip notices.

Sign in to download. Free SVGs are free with any account.

backpackschoolbagsupplieseducationiconline

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/XsaYQJe1Yu5Q/amnt.svg" alt="Backpack" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 5V4a3 3 0 0 1 6 0v1"/><rect x="5" y="5" width="14" height="17" rx="4"/><path d="M5 9a3 3 0 0 0-3 3v5a2 2 0 0 0 3 1.7M19 9a3 3 0 0 1 3 3v5a2 2 0 0 1-3 1.7"/><rect x="8" y="14" width="8" height="6" rx="2"/></svg>
CSS background-image
.backpack {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/XsaYQJe1Yu5Q/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.backpack {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/XsaYQJe1Yu5Q/amnt.svg") center / contain no-repeat;
}
React
import BackpackSvg from "./backpack.jsx"; // from the React tab above

<BackpackSvg width={48} height={48} />

Made with AMNT

AMNT SVG 1.1 drew this from the words Backpack: Rounded backpack with a top handle, shoulder straps, and a front pocket. as part of the pack Education icons, line. Want one like it? Make your own in the SVG studio.

Rest of Education icons, line

Whole pack

Similar SVGs

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence