Home/Libraries/Twitter Emoji (Iconify)/school-backpack

Twitter Emoji (Iconify)

SchoolBackpack

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 36 36"><path fill="#818cf8" d="M11.946 27C-1.036 7.876 7.524 2.752 9.114 2c.149-.07.242-.105.245-.107A1 1 0 0 0 9.888.768A1.01 1.01 0 0 0 8.903 0H4.847C1.054 0-4.282 11 5.859 28c.151.253 5.073 0 5.073 0c.559 0 1.324-.541 1.014-1M31.229 0h-4a1 1 0 0 0-.45 1.893c.004.002.095.037.242.107c1.568.752 10.01 5.876-2.792 25c-.307.459.448 1 1 1c0 0 4.854.253 5.002 0c10-17 4.739-28 .998-28"/><path fill="#818cf8" d="m6.889 28.836l.004.01c-.064-.293 5.363-1.387 5.053-1.846C-1.036 7.876 7.524 2.752 9.114 2H4.845C1.053 2-3.268 13 6.889 28.836M31.231 2h-4.21c1.568.752 10.01 5.876-2.792 25c-.307.459 4.984 1.839 4.986 1.836C39.231 13 34.971 2 31.231 2"/><path fill="#818cf8" d="M9.916 8a1.007 1.007 0 0 1-1.015-1c0-3.316-2.028-5-4.056-5c-.47 0-.08-.782.029-1.232c.11-.45.516-.768.985-.768h5.071c3.791 0 4.938 6.136 5.057 6.835a1 1 0 0 1-.226.811a1.03 1.03 0 0 1-.775.354zm16.315 0a1 1 0 0 0 1-1c0-3.316 2-5 4-5c.463 0 .078-.782-.029-1.232A1 1 0 0 0 30.231 0h-5c-3.738 0-4.869 6.136-4.986 6.835A1 1 0 0 0 21.231 8z"/><path fill="#818cf8" d="M6 32s0 4 4 4h16s4 0 4-4V10s0-4-4-4H10c-4 0-4 4-4 4z"/><path fill="#818cf8" d="M24 28H12c-2.201 0-3-1.794-3-3V11a1 1 0 0 1 2 0v14c.012.45.195 1 1 1h12c.45-.012 1-.194 1-1V11a1 1 0 1 1 2 0v14c0 2.201-1.794 3-3 3"/><path fill="#818cf8" d="M16 25s0-1 1-1h2s1 0 1 1v5s0 1-1 1h-2s-1 0-1-1z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. SchoolBackpackIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.