Add icons to this collection by clicking the heart icon.
Briefcase icon - also known as bag, work, briefcase, suitcase, and business and finance. Created in a clean lineal color gradient style, 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="5"
x2="59"
y1="41.701"
y2="41.701"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc018" />
<stop offset="1" stop-color="#e87605" />
</linearGradient>
<linearGradient id="c" x1="26" x2="38" y1="10" y2="10" href="#a" />
<linearGradient
id="b"
x1="32"
x2="32"
y1="10"
y2="13"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e87605" stop-opacity="0" />
<stop offset=".981" stop-color="#e87605" />
</linearGradient>
<linearGradient id="d" y1="45" y2="52" href="#b" />
<linearGradient
id="e"
x1="32"
x2="32"
y1="36"
y2="41"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb92b" stop-opacity="0" />
<stop offset="1" stop-color="#ffb92b" />
</linearGradient>
<linearGradient
id="f"
x1="37.148"
x2="33.613"
y1="44.289"
y2="37.057"
href="#b"
/>
<linearGradient id="g" x1="3" x2="61" y1="25.981" y2="25.981" href="#a" />
<linearGradient id="h" y1="26" y2="35.961" href="#b" />
<linearGradient
id="i"
x1="35.775"
x2="34.61"
y1="36.687"
y2="35.12"
href="#b"
/>
<linearGradient
id="j"
x1="28"
x2="36"
y1="35.5"
y2="35.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4f42a" />
<stop offset="1" stop-color="#ffb92b" />
</linearGradient>
<linearGradient
id="k"
x1="3"
x2="61"
y1="29.5"
y2="29.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#002466" />
<stop offset="1" stop-color="#000e2d" />
</linearGradient>
<g>
<path
fill="url(#a)"
d="m58.01 31.982-52-.58H6a1 1 0 0 0-1 1V47a5.006 5.006 0 0 0 5 5h44a5.006 5.006 0 0 0 5-5V32.982a1 1 0 0 0-.99-1z"
/>
<rect width="12" height="6" x="26" y="7" fill="url(#c)" rx="1" />
<path fill="url(#b)" d="M26 10v2a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-2z" />
<path
fill="url(#d)"
d="M5 45v2a5.006 5.006 0 0 0 5 5h44a5.006 5.006 0 0 0 5-5v-2z"
/>
<path fill="url(#e)" d="M28 36v1a4 4 0 0 0 8 0v-1z" />
<path
fill="url(#f)"
d="m30 32 3.158 6H29l7.368 14h9.623L35.53 32.12z"
/>
<path
fill="url(#g)"
d="M60 16H4a1 1 0 0 0-1 1v14.982a1 1 0 0 0 .773.974A141.912 141.912 0 0 0 29 35.961h6.024a141.828 141.828 0 0 0 25.203-3.005 1 1 0 0 0 .773-.974V17a1 1 0 0 0-1-1z"
/>
<path
fill="url(#h)"
d="M3 26v5.982a1 1 0 0 0 .773.974A141.912 141.912 0 0 0 29 35.961h6.024a141.828 141.828 0 0 0 25.203-3.005 1 1 0 0 0 .773-.974V26z"
/>
<path
fill="url(#i)"
d="M35.53 32.12 30 32l2.085 3.96h2.939q1.254-.032 2.48-.089z"
/>
<path
fill="url(#j)"
d="M32 30a4.004 4.004 0 0 0-4 4v3a4 4 0 0 0 8 0v-3a4.004 4.004 0 0 0-4-4z"
/>
</g>
<path
fill="url(#k)"
d="M60 16H42v-4a3.003 3.003 0 0 0-3-3h-1V8a1 1 0 0 0-1-1H27a1 1 0 0 0-1 1v1h-1a3.003 3.003 0 0 0-3 3v4H4a1 1 0 0 0-1 1v14.982a1 1 0 0 0 .773.974c.022.005.453.104 1.227.262V47a5.006 5.006 0 0 0 5 5h44a5.006 5.006 0 0 0 5-5V33.218a58.016 58.016 0 0 0 1.227-.262 1 1 0 0 0 .773-.974V17a1 1 0 0 0-1-1zM28 9h8v2h-8zm-4 3a1 1 0 0 1 1-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-1h1a1 1 0 0 1 1 1v4H24zm33 35a3.003 3.003 0 0 1-3 3H10a3.003 3.003 0 0 1-3-3V33.608a145.79 145.79 0 0 0 21 2.322V37a4 4 0 0 0 8 0v-1.07a145.808 145.808 0 0 0 21-2.322zM34 34.981l-.001.006.001.004V37a2 2 0 0 1-4 0v-3a2 2 0 0 1 4 0zm25-3.805a142.563 142.563 0 0 1-23.007 2.75 3.993 3.993 0 0 0-7.986 0A142.544 142.544 0 0 1 5 31.176V18h54z"
/>
</svg>
More icons in the same style and category