Add icons to this collection by clicking the heart icon.
Briefcase icon - also known as business, bag, travel, briefcase, suitcase, and portfolio. Created in a clean lineal color style with a white, gray, and navy finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M469.333 106.667H362.667V85.333c0-23.531-19.135-42.667-42.667-42.667H192c-23.531 0-42.667 19.135-42.667 42.667v21.333H42.667C19.135 106.667 0 125.802 0 149.333v277.333c0 23.531 19.135 42.667 42.667 42.667h426.667c23.531 0 42.667-19.135 42.667-42.667V149.333c-.001-23.531-19.136-42.666-42.668-42.666zm-128 0H170.667V85.333C170.667 73.573 180.24 64 192 64h128c11.76 0 21.333 9.573 21.333 21.333v21.334z"
fill="#303c42"
/>
<path
d="M469.333 448H42.667c-11.76 0-21.333-9.573-21.333-21.333V271.4c6.301 3.674 13.527 5.934 21.333 5.934h170.667v32a10.66 10.66 0 0 0 10.667 10.667h64a10.66 10.66 0 0 0 10.667-10.667v-32h170.667c7.806 0 15.033-2.259 21.333-5.934v155.267c-.001 11.76-9.574 21.333-21.335 21.333z"
fill="#546e7a"
/>
<path d="M234.667 256h42.667v42.667h-42.667z" fill="#eceff1" />
<path
d="M469.333 256H298.667v-10.667A10.66 10.66 0 0 0 288 234.666h-64a10.66 10.66 0 0 0-10.667 10.667V256H42.667c-11.76 0-21.333-9.573-21.333-21.333v-85.333c0-11.76 9.573-21.333 21.333-21.333h426.667c11.76 0 21.333 9.573 21.333 21.333v85.333c0 11.76-9.573 21.333-21.334 21.333z"
fill="#546e7a"
/>
<linearGradient
id="a"
x1="-39.87"
x2="-25.301"
y1="639.039"
y2="624.472"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="M298.667 277.333v32A10.66 10.66 0 0 1 288 320h-64a10.66 10.66 0 0 1-10.667-10.667v-32H42.667c-4.598 0-8.904-.967-13.029-2.362L202.667 448h266.667c11.76 0 21.333-9.573 21.333-21.333V271.4c-6.301 3.674-13.527 5.934-21.333 5.934H298.667z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-47.219"
x2="-22.187"
y1="638.821"
y2="627.148"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M469.333 106.667H362.667V85.333c0-23.531-19.135-42.667-42.667-42.667H192c-23.531 0-42.667 19.135-42.667 42.667v21.333H42.667C19.135 106.667 0 125.802 0 149.333v277.333c0 23.531 19.135 42.667 42.667 42.667h426.667c23.531 0 42.667-19.135 42.667-42.667V149.333c-.001-23.531-19.136-42.666-42.668-42.666zm-128 0H170.667V85.333C170.667 73.573 180.24 64 192 64h128c11.76 0 21.333 9.573 21.333 21.333v21.334z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category