backpack emoji
backpack from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- backpack
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
backpackBootstrap IconsbackpackBoxIcons v2 SolidbackpackEmoji One (Colored)backpack-12-filledFluent UI System IconsbackpackFluent EmojibackpackFluent Emoji High ContrastbackpackIconParkbackpackIconPark OutlinebackpackIconPark SolidbackpackIconPark TwoTonebackpackJam IconsbackpackLucidebackpackMaterial SymbolsbackpackMaterial Symbols Lightbackpack-fillMingCute IconbackpackMyna UI IconsbackpackNoto EmojibackpackOpenMojibackpackPhosphorbackpackPixelarticonsbackpackRadix Iconsbackpack-boldSolarbackpackTabler IconsbackpackWeb3 Icons
More objects icons from Fluent Emoji Flat
Use the backpack emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ca0b4a" d="M16.09 3.59a3.42 3.42 0 1 0 0 6.84a3.42 3.42 0 0 0 0-6.84m-4.92 3.42a4.92 4.92 0 1 1 9.84 0a4.92 4.92 0 0 1-9.84 0"/><path fill="#f8312f" d="M23.35 30H8.74A3.74 3.74 0 0 1 5 26.26V16.11c0-6.1 4.95-11.05 11.05-11.05S27.1 10.01 27.1 16.11v10.15A3.756 3.756 0 0 1 23.35 30"/><path fill="#ca0b4a" d="M8 25.57c0-4.78 3.58-8.65 8-8.65s8 3.87 8 8.65v-.87c0-4.78-3.58-8.65-8-8.65s-8 3.87-8 8.65z"/><path fill="#fcd53f" d="M8.366 11.578a.5.5 0 0 1-.922-.387l.001-.002l.002-.005l.006-.014a3 3 0 0 1 .106-.221c.074-.146.184-.35.337-.591a9.3 9.3 0 0 1 1.45-1.77c1.353-1.291 3.516-2.572 6.732-2.572s5.336 1.282 6.646 2.579a8.8 8.8 0 0 1 1.386 1.774a7 7 0 0 1 .393.766q.014.03.02.05l.006.014l.002.005v.001l.001.002a.5.5 0 0 1-.934.356l-.003-.007l-.007-.018l-.006-.014l-.061-.136a6 6 0 0 0-.272-.51c-.252-.428-.65-1-1.229-1.573c-1.149-1.137-3.023-2.29-5.942-2.29s-4.844 1.154-6.043 2.297a8.3 8.3 0 0 0-1.293 1.578a7 7 0 0 0-.373.681z"/><path fill="#fcd53f" d="M17.85 12.09h-3.6a1.207 1.207 0 0 1-1.21-1.21v-.6c0-.67.54-1.21 1.21-1.21h3.59c.67 0 1.21.54 1.21 1.21v.6c.004.255-.072.492-.205.687a1.2 1.2 0 0 1-.995.523m-9.811 11.5c.39 0 .72.29.77.67l.27 1.86c.06.46-.3.88-.77.88h-.53a.77.77 0 0 1-.77-.88l.26-1.86c.06-.39.38-.67.77-.67m-.43.77c0 .24.19.43.43.43s.43-.19.43-.43s-.19-.43-.43-.43s-.43.19-.43.43"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatBackpack(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ca0b4a" d="M16.09 3.59a3.42 3.42 0 1 0 0 6.84a3.42 3.42 0 0 0 0-6.84m-4.92 3.42a4.92 4.92 0 1 1 9.84 0a4.92 4.92 0 0 1-9.84 0"/><path fill="#f8312f" d="M23.35 30H8.74A3.74 3.74 0 0 1 5 26.26V16.11c0-6.1 4.95-11.05 11.05-11.05S27.1 10.01 27.1 16.11v10.15A3.756 3.756 0 0 1 23.35 30"/><path fill="#ca0b4a" d="M8 25.57c0-4.78 3.58-8.65 8-8.65s8 3.87 8 8.65v-.87c0-4.78-3.58-8.65-8-8.65s-8 3.87-8 8.65z"/><path fill="#fcd53f" d="M8.366 11.578a.5.5 0 0 1-.922-.387l.001-.002l.002-.005l.006-.014a3 3 0 0 1 .106-.221c.074-.146.184-.35.337-.591a9.3 9.3 0 0 1 1.45-1.77c1.353-1.291 3.516-2.572 6.732-2.572s5.336 1.282 6.646 2.579a8.8 8.8 0 0 1 1.386 1.774a7 7 0 0 1 .393.766q.014.03.02.05l.006.014l.002.005v.001l.001.002a.5.5 0 0 1-.934.356l-.003-.007l-.007-.018l-.006-.014l-.061-.136a6 6 0 0 0-.272-.51c-.252-.428-.65-1-1.229-1.573c-1.149-1.137-3.023-2.29-5.942-2.29s-4.844 1.154-6.043 2.297a8.3 8.3 0 0 0-1.293 1.578a7 7 0 0 0-.373.681z"/><path fill="#fcd53f" d="M17.85 12.09h-3.6a1.207 1.207 0 0 1-1.21-1.21v-.6c0-.67.54-1.21 1.21-1.21h3.59c.67 0 1.21.54 1.21 1.21v.6c.004.255-.072.492-.205.687a1.2 1.2 0 0 1-.995.523m-9.811 11.5c.39 0 .72.29.77.67l.27 1.86c.06.46-.3.88-.77.88h-.53a.77.77 0 0 1-.77-.88l.26-1.86c.06-.39.38-.67.77-.67m-.43.77c0 .24.19.43.43.43s.43-.19.43-.43s-.19-.43-.43-.43s-.43.19-.43.43"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ca0b4a" d="M16.09 3.59a3.42 3.42 0 1 0 0 6.84a3.42 3.42 0 0 0 0-6.84m-4.92 3.42a4.92 4.92 0 1 1 9.84 0a4.92 4.92 0 0 1-9.84 0"/><path fill="#f8312f" d="M23.35 30H8.74A3.74 3.74 0 0 1 5 26.26V16.11c0-6.1 4.95-11.05 11.05-11.05S27.1 10.01 27.1 16.11v10.15A3.756 3.756 0 0 1 23.35 30"/><path fill="#ca0b4a" d="M8 25.57c0-4.78 3.58-8.65 8-8.65s8 3.87 8 8.65v-.87c0-4.78-3.58-8.65-8-8.65s-8 3.87-8 8.65z"/><path fill="#fcd53f" d="M8.366 11.578a.5.5 0 0 1-.922-.387l.001-.002l.002-.005l.006-.014a3 3 0 0 1 .106-.221c.074-.146.184-.35.337-.591a9.3 9.3 0 0 1 1.45-1.77c1.353-1.291 3.516-2.572 6.732-2.572s5.336 1.282 6.646 2.579a8.8 8.8 0 0 1 1.386 1.774a7 7 0 0 1 .393.766q.014.03.02.05l.006.014l.002.005v.001l.001.002a.5.5 0 0 1-.934.356l-.003-.007l-.007-.018l-.006-.014l-.061-.136a6 6 0 0 0-.272-.51c-.252-.428-.65-1-1.229-1.573c-1.149-1.137-3.023-2.29-5.942-2.29s-4.844 1.154-6.043 2.297a8.3 8.3 0 0 0-1.293 1.578a7 7 0 0 0-.373.681z"/><path fill="#fcd53f" d="M17.85 12.09h-3.6a1.207 1.207 0 0 1-1.21-1.21v-.6c0-.67.54-1.21 1.21-1.21h3.59c.67 0 1.21.54 1.21 1.21v.6c.004.255-.072.492-.205.687a1.2 1.2 0 0 1-.995.523m-9.811 11.5c.39 0 .72.29.77.67l.27 1.86c.06.46-.3.88-.77.88h-.53a.77.77 0 0 1-.77-.88l.26-1.86c.06-.39.38-.67.77-.67m-.43.77c0 .24.19.43.43.43s.43-.19.43-.43s-.19-.43-.43-.43s-.43.19-.43.43"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22M16.09%203.59a3.42%203.42%200%201%200%200%206.84a3.42%203.42%200%200%200%200-6.84m-4.92%203.42a4.92%204.92%200%201%201%209.84%200a4.92%204.92%200%200%201-9.84%200%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M23.35%2030H8.74A3.74%203.74%200%200%201%205%2026.26V16.11c0-6.1%204.95-11.05%2011.05-11.05S27.1%2010.01%2027.1%2016.11v10.15A3.756%203.756%200%200%201%2023.35%2030%22%2F%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22M8%2025.57c0-4.78%203.58-8.65%208-8.65s8%203.87%208%208.65v-.87c0-4.78-3.58-8.65-8-8.65s-8%203.87-8%208.65z%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M8.366%2011.578a.5.5%200%200%201-.922-.387l.001-.002l.002-.005l.006-.014a3%203%200%200%201%20.106-.221c.074-.146.184-.35.337-.591a9.3%209.3%200%200%201%201.45-1.77c1.353-1.291%203.516-2.572%206.732-2.572s5.336%201.282%206.646%202.579a8.8%208.8%200%200%201%201.386%201.774a7%207%200%200%201%20.393.766q.014.03.02.05l.006.014l.002.005v.001l.001.002a.5.5%200%200%201-.934.356l-.003-.007l-.007-.018l-.006-.014l-.061-.136a6%206%200%200%200-.272-.51c-.252-.428-.65-1-1.229-1.573c-1.149-1.137-3.023-2.29-5.942-2.29s-4.844%201.154-6.043%202.297a8.3%208.3%200%200%200-1.293%201.578a7%207%200%200%200-.373.681z%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M17.85%2012.09h-3.6a1.207%201.207%200%200%201-1.21-1.21v-.6c0-.67.54-1.21%201.21-1.21h3.59c.67%200%201.21.54%201.21%201.21v.6c.004.255-.072.492-.205.687a1.2%201.2%200%200%201-.995.523m-9.811%2011.5c.39%200%20.72.29.77.67l.27%201.86c.06.46-.3.88-.77.88h-.53a.77.77%200%200%201-.77-.88l.26-1.86c.06-.39.38-.67.77-.67m-.43.77c0%20.24.19.43.43.43s.43-.19.43-.43s-.19-.43-.43-.43s-.43.19-.43.43%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22M16.09%203.59a3.42%203.42%200%201%200%200%206.84a3.42%203.42%200%200%200%200-6.84m-4.92%203.42a4.92%204.92%200%201%201%209.84%200a4.92%204.92%200%200%201-9.84%200%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M23.35%2030H8.74A3.74%203.74%200%200%201%205%2026.26V16.11c0-6.1%204.95-11.05%2011.05-11.05S27.1%2010.01%2027.1%2016.11v10.15A3.756%203.756%200%200%201%2023.35%2030%22%2F%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22M8%2025.57c0-4.78%203.58-8.65%208-8.65s8%203.87%208%208.65v-.87c0-4.78-3.58-8.65-8-8.65s-8%203.87-8%208.65z%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M8.366%2011.578a.5.5%200%200%201-.922-.387l.001-.002l.002-.005l.006-.014a3%203%200%200%201%20.106-.221c.074-.146.184-.35.337-.591a9.3%209.3%200%200%201%201.45-1.77c1.353-1.291%203.516-2.572%206.732-2.572s5.336%201.282%206.646%202.579a8.8%208.8%200%200%201%201.386%201.774a7%207%200%200%201%20.393.766q.014.03.02.05l.006.014l.002.005v.001l.001.002a.5.5%200%200%201-.934.356l-.003-.007l-.007-.018l-.006-.014l-.061-.136a6%206%200%200%200-.272-.51c-.252-.428-.65-1-1.229-1.573c-1.149-1.137-3.023-2.29-5.942-2.29s-4.844%201.154-6.043%202.297a8.3%208.3%200%200%200-1.293%201.578a7%207%200%200%200-.373.681z%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M17.85%2012.09h-3.6a1.207%201.207%200%200%201-1.21-1.21v-.6c0-.67.54-1.21%201.21-1.21h3.59c.67%200%201.21.54%201.21%201.21v.6c.004.255-.072.492-.205.687a1.2%201.2%200%200%201-.995.523m-9.811%2011.5c.39%200%20.72.29.77.67l.27%201.86c.06.46-.3.88-.77.88h-.53a.77.77%200%200%201-.77-.88l.26-1.86c.06-.39.38-.67.77-.67m-.43.77c0%20.24.19.43.43.43s.43-.19.43-.43s-.19-.43-.43-.43s-.43.19-.43.43%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/backpack.svg?color=%231a73e8&size=48
