backpack emoji
backpack from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- backpack
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
- Aliases
- school-backpack
The same emoji in other sets
backpackBootstrap IconsbackpackBoxIcons v2 SolidbackpackEmoji One (Colored)backpack-12-filledFluent UI System IconsbackpackFluent EmojibackpackFluent Emoji FlatbackpackFluent Emoji High ContrastbackpackIconParkbackpackIconPark OutlinebackpackIconPark SolidbackpackIconPark TwoTonebackpackJam IconsbackpackLucidebackpackMaterial SymbolsbackpackMaterial Symbols Lightbackpack-fillMingCute IconbackpackMyna UI IconsbackpackNoto EmojibackpackOpenMojibackpackPhosphorbackpackPixelarticonsbackpackRadix Iconsbackpack-boldSolarbackpackTabler Icons
More objects icons from Twitter Emoji
Use the backpack emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#c1694f" 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="#662113" 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="#c1694f" 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="#be1931" d="M6 32s0 4 4 4h16s4 0 4-4V10s0-4-4-4H10c-4 0-4 4-4 4z"/><path fill="#a0041e" 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="#fff" d="M16 25s0-1 1-1h2s1 0 1 1v5s0 1-1 1h-2s-1 0-1-1z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiBackpack(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#c1694f" 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="#662113" 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="#c1694f" 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="#be1931" d="M6 32s0 4 4 4h16s4 0 4-4V10s0-4-4-4H10c-4 0-4 4-4 4z"/><path fill="#a0041e" 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="#fff" d="M16 25s0-1 1-1h2s1 0 1 1v5s0 1-1 1h-2s-1 0-1-1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#c1694f" 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="#662113" 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="#c1694f" 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="#be1931" d="M6 32s0 4 4 4h16s4 0 4-4V10s0-4-4-4H10c-4 0-4 4-4 4z"/><path fill="#a0041e" 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="#fff" d="M16 25s0-1 1-1h2s1 0 1 1v5s0 1-1 1h-2s-1 0-1-1z"/></svg> </template>
CSS
.icon-backpack {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M11.946%2027C-1.036%207.876%207.524%202.752%209.114%202c.149-.07.242-.105.245-.107A1%201%200%200%200%209.888.768A1.01%201.01%200%200%200%208.903%200H4.847C1.054%200-4.282%2011%205.859%2028c.151.253%205.073%200%205.073%200c.559%200%201.324-.541%201.014-1M31.229%200h-4a1%201%200%200%200-.45%201.893c.004.002.095.037.242.107c1.568.752%2010.01%205.876-2.792%2025c-.307.459.448%201%201%201c0%200%204.854.253%205.002%200c10-17%204.739-28%20.998-28%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22m6.889%2028.836l.004.01c-.064-.293%205.363-1.387%205.053-1.846C-1.036%207.876%207.524%202.752%209.114%202H4.845C1.053%202-3.268%2013%206.889%2028.836M31.231%202h-4.21c1.568.752%2010.01%205.876-2.792%2025c-.307.459%204.984%201.839%204.986%201.836C39.231%2013%2034.971%202%2031.231%202%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M9.916%208a1.007%201.007%200%200%201-1.015-1c0-3.316-2.028-5-4.056-5c-.47%200-.08-.782.029-1.232c.11-.45.516-.768.985-.768h5.071c3.791%200%204.938%206.136%205.057%206.835a1%201%200%200%201-.226.811a1.03%201.03%200%200%201-.775.354zm16.315%200a1%201%200%200%200%201-1c0-3.316%202-5%204-5c.463%200%20.078-.782-.029-1.232A1%201%200%200%200%2030.231%200h-5c-3.738%200-4.869%206.136-4.986%206.835A1%201%200%200%200%2021.231%208z%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M6%2032s0%204%204%204h16s4%200%204-4V10s0-4-4-4H10c-4%200-4%204-4%204z%22%2F%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22M24%2028H12c-2.201%200-3-1.794-3-3V11a1%201%200%200%201%202%200v14c.012.45.195%201%201%201h12c.45-.012%201-.194%201-1V11a1%201%200%201%201%202%200v14c0%202.201-1.794%203-3%203%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%2025s0-1%201-1h2s1%200%201%201v5s0%201-1%201h-2s-1%200-1-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M11.946%2027C-1.036%207.876%207.524%202.752%209.114%202c.149-.07.242-.105.245-.107A1%201%200%200%200%209.888.768A1.01%201.01%200%200%200%208.903%200H4.847C1.054%200-4.282%2011%205.859%2028c.151.253%205.073%200%205.073%200c.559%200%201.324-.541%201.014-1M31.229%200h-4a1%201%200%200%200-.45%201.893c.004.002.095.037.242.107c1.568.752%2010.01%205.876-2.792%2025c-.307.459.448%201%201%201c0%200%204.854.253%205.002%200c10-17%204.739-28%20.998-28%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22m6.889%2028.836l.004.01c-.064-.293%205.363-1.387%205.053-1.846C-1.036%207.876%207.524%202.752%209.114%202H4.845C1.053%202-3.268%2013%206.889%2028.836M31.231%202h-4.21c1.568.752%2010.01%205.876-2.792%2025c-.307.459%204.984%201.839%204.986%201.836C39.231%2013%2034.971%202%2031.231%202%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M9.916%208a1.007%201.007%200%200%201-1.015-1c0-3.316-2.028-5-4.056-5c-.47%200-.08-.782.029-1.232c.11-.45.516-.768.985-.768h5.071c3.791%200%204.938%206.136%205.057%206.835a1%201%200%200%201-.226.811a1.03%201.03%200%200%201-.775.354zm16.315%200a1%201%200%200%200%201-1c0-3.316%202-5%204-5c.463%200%20.078-.782-.029-1.232A1%201%200%200%200%2030.231%200h-5c-3.738%200-4.869%206.136-4.986%206.835A1%201%200%200%200%2021.231%208z%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M6%2032s0%204%204%204h16s4%200%204-4V10s0-4-4-4H10c-4%200-4%204-4%204z%22%2F%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22M24%2028H12c-2.201%200-3-1.794-3-3V11a1%201%200%200%201%202%200v14c.012.45.195%201%201%201h12c.45-.012%201-.194%201-1V11a1%201%200%201%201%202%200v14c0%202.201-1.794%203-3%203%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%2025s0-1%201-1h2s1%200%201%201v5s0%201-1%201h-2s-1%200-1-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/backpack.svg?color=%231a73e8&size=48
