backpack logo
backpack from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- backpack
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo 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
Use the backpack logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M13.194 4.415c.666 0 1.29.088 1.87.25C14.496 3.37 13.32 3 12.011 3c-1.312 0-2.49.37-3.055 1.673a6.6 6.6 0 0 1 1.86-.258zm-2.529 1.302c-3.163 0-4.965 2.444-4.965 5.459v3.097c0 .301.256.54.573.54h11.454c.317 0 .573-.239.573-.54v-3.097c0-3.015-2.096-5.459-5.259-5.459zm1.33 5.486c1.108 0 2.005-.882 2.005-1.97c0-1.087-.897-1.968-2.005-1.968c-1.106 0-2.004.881-2.004 1.969c0 1.087.898 1.969 2.005 1.969M5.7 16.633a.56.56 0 0 1 .573-.546h11.454a.56.56 0 0 1 .573.546v3.275c0 .603-.513 1.092-1.145 1.092H6.845c-.632 0-1.145-.489-1.145-1.092z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function TokenBackpack(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M13.194 4.415c.666 0 1.29.088 1.87.25C14.496 3.37 13.32 3 12.011 3c-1.312 0-2.49.37-3.055 1.673a6.6 6.6 0 0 1 1.86-.258zm-2.529 1.302c-3.163 0-4.965 2.444-4.965 5.459v3.097c0 .301.256.54.573.54h11.454c.317 0 .573-.239.573-.54v-3.097c0-3.015-2.096-5.459-5.259-5.459zm1.33 5.486c1.108 0 2.005-.882 2.005-1.97c0-1.087-.897-1.968-2.005-1.968c-1.106 0-2.004.881-2.004 1.969c0 1.087.898 1.969 2.005 1.969M5.7 16.633a.56.56 0 0 1 .573-.546h11.454a.56.56 0 0 1 .573.546v3.275c0 .603-.513 1.092-1.145 1.092H6.845c-.632 0-1.145-.489-1.145-1.092z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M13.194 4.415c.666 0 1.29.088 1.87.25C14.496 3.37 13.32 3 12.011 3c-1.312 0-2.49.37-3.055 1.673a6.6 6.6 0 0 1 1.86-.258zm-2.529 1.302c-3.163 0-4.965 2.444-4.965 5.459v3.097c0 .301.256.54.573.54h11.454c.317 0 .573-.239.573-.54v-3.097c0-3.015-2.096-5.459-5.259-5.459zm1.33 5.486c1.108 0 2.005-.882 2.005-1.97c0-1.087-.897-1.968-2.005-1.968c-1.106 0-2.004.881-2.004 1.969c0 1.087.898 1.969 2.005 1.969M5.7 16.633a.56.56 0 0 1 .573-.546h11.454a.56.56 0 0 1 .573.546v3.275c0 .603-.513 1.092-1.145 1.092H6.845c-.632 0-1.145-.489-1.145-1.092z" clip-rule="evenodd"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.194%204.415c.666%200%201.29.088%201.87.25C14.496%203.37%2013.32%203%2012.011%203c-1.312%200-2.49.37-3.055%201.673a6.6%206.6%200%200%201%201.86-.258zm-2.529%201.302c-3.163%200-4.965%202.444-4.965%205.459v3.097c0%20.301.256.54.573.54h11.454c.317%200%20.573-.239.573-.54v-3.097c0-3.015-2.096-5.459-5.259-5.459zm1.33%205.486c1.108%200%202.005-.882%202.005-1.97c0-1.087-.897-1.968-2.005-1.968c-1.106%200-2.004.881-2.004%201.969c0%201.087.898%201.969%202.005%201.969M5.7%2016.633a.56.56%200%200%201%20.573-.546h11.454a.56.56%200%200%201%20.573.546v3.275c0%20.603-.513%201.092-1.145%201.092H6.845c-.632%200-1.145-.489-1.145-1.092z%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.194%204.415c.666%200%201.29.088%201.87.25C14.496%203.37%2013.32%203%2012.011%203c-1.312%200-2.49.37-3.055%201.673a6.6%206.6%200%200%201%201.86-.258zm-2.529%201.302c-3.163%200-4.965%202.444-4.965%205.459v3.097c0%20.301.256.54.573.54h11.454c.317%200%20.573-.239.573-.54v-3.097c0-3.015-2.096-5.459-5.259-5.459zm1.33%205.486c1.108%200%202.005-.882%202.005-1.97c0-1.087-.897-1.968-2.005-1.968c-1.106%200-2.004.881-2.004%201.969c0%201.087.898%201.969%202.005%201.969M5.7%2016.633a.56.56%200%200%201%20.573-.546h11.454a.56.56%200%200%201%20.573.546v3.275c0%20.603-.513%201.092-1.145%201.092H6.845c-.632%200-1.145-.489-1.145-1.092z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/backpack.svg?color=%231a73e8&size=48
