retro bag icon
retro-bag from IconPark by ByteDance · Color · Clothes · Apache-2.0 Free for personal and commercial use.
- Name
- retro-bag
- Set
- IconPark
- Style
- Color
- Category
- Clothes
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More clothes icons from IconPark
a-canebachelor-capbachelor-cap-onebachelor-cap-twobackpackbaseball-capbasketball-clothesbeltbootsbowbriefcasechef-hatchildren-capclothes-briefsclothes-cardiganclothes-crew-neckclothes-diapersclothes-glovesclothes-gloves-twoclothes-hoodieclothes-pantsclothes-pants-shortclothes-pants-sweatclothes-short-sleeve
Use the retro bag icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M35 14C35 8.47715 30.0751 4 24 4C17.9249 4 13 8.47715 13 14"/><path fill="#2F88FF" d="M7 16C7 14.8954 7.89543 14 9 14H39C40.1046 14 41 14.8954 41 16V28C41 29.1046 40.1046 30 39 30H30C28.8954 30 28 29.1046 28 28V28C28 26.8954 27.1046 26 26 26H22C20.8954 26 20 26.8954 20 28V28C20 29.1046 19.1046 30 18 30H9C7.89543 30 7 29.1046 7 28V16Z"/><path d="M10 30V44H38V30"/><rect width="8" height="6" x="20" y="26"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkRetroBag(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path d="M35 14C35 8.47715 30.0751 4 24 4C17.9249 4 13 8.47715 13 14"/><path fill="#2F88FF" d="M7 16C7 14.8954 7.89543 14 9 14H39C40.1046 14 41 14.8954 41 16V28C41 29.1046 40.1046 30 39 30H30C28.8954 30 28 29.1046 28 28V28C28 26.8954 27.1046 26 26 26H22C20.8954 26 20 26.8954 20 28V28C20 29.1046 19.1046 30 18 30H9C7.89543 30 7 29.1046 7 28V16Z"/><path d="M10 30V44H38V30"/><rect width="8" height="6" x="20" y="26"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M35 14C35 8.47715 30.0751 4 24 4C17.9249 4 13 8.47715 13 14"/><path fill="#2F88FF" d="M7 16C7 14.8954 7.89543 14 9 14H39C40.1046 14 41 14.8954 41 16V28C41 29.1046 40.1046 30 39 30H30C28.8954 30 28 29.1046 28 28V28C28 26.8954 27.1046 26 26 26H22C20.8954 26 20 26.8954 20 28V28C20 29.1046 19.1046 30 18 30H9C7.89543 30 7 29.1046 7 28V16Z"/><path d="M10 30V44H38V30"/><rect width="8" height="6" x="20" y="26"/></g></svg> </template>
CSS
.icon-retro-bag {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M35%2014C35%208.47715%2030.0751%204%2024%204C17.9249%204%2013%208.47715%2013%2014%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M7%2016C7%2014.8954%207.89543%2014%209%2014H39C40.1046%2014%2041%2014.8954%2041%2016V28C41%2029.1046%2040.1046%2030%2039%2030H30C28.8954%2030%2028%2029.1046%2028%2028V28C28%2026.8954%2027.1046%2026%2026%2026H22C20.8954%2026%2020%2026.8954%2020%2028V28C20%2029.1046%2019.1046%2030%2018%2030H9C7.89543%2030%207%2029.1046%207%2028V16Z%22%2F%3E%3Cpath%20d%3D%22M10%2030V44H38V30%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%226%22%20x%3D%2220%22%20y%3D%2226%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M35%2014C35%208.47715%2030.0751%204%2024%204C17.9249%204%2013%208.47715%2013%2014%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M7%2016C7%2014.8954%207.89543%2014%209%2014H39C40.1046%2014%2041%2014.8954%2041%2016V28C41%2029.1046%2040.1046%2030%2039%2030H30C28.8954%2030%2028%2029.1046%2028%2028V28C28%2026.8954%2027.1046%2026%2026%2026H22C20.8954%2026%2020%2026.8954%2020%2028V28C20%2029.1046%2019.1046%2030%2018%2030H9C7.89543%2030%207%2029.1046%207%2028V16Z%22%2F%3E%3Cpath%20d%3D%22M10%2030V44H38V30%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%226%22%20x%3D%2220%22%20y%3D%2226%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/retro-bag.svg?color=%231a73e8&size=48
