Add icons to this collection by clicking the heart icon.
Tool Box icon - also known as repair, repair tool, trowel, tool box, maintenance, toolkit, toolbox, construction and tools, and electrician tools. Created in a clean flat gradient style with a white, silver, gray, yellow, teal, and pink 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="6.078"
x2="49.294"
y1="40.622"
y2="49.287"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#596b72" />
<stop offset=".364" stop-color="#506269" />
<stop offset=".968" stop-color="#384850" />
<stop offset=".994" stop-color="#37474f" />
</linearGradient>
<linearGradient
id="b"
x1="14.509"
x2="50.051"
y1="8.623"
y2="14.357"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffef78" />
<stop offset=".229" stop-color="#ffec6f" />
<stop offset=".609" stop-color="#fee355" />
<stop offset=".994" stop-color="#fdd835" />
</linearGradient>
<linearGradient id="e" x1="5" x2="48.003" y1="21" y2="21" href="#a" />
<linearGradient
id="f"
x1="24.388"
x2="37.012"
y1="41.447"
y2="50.656"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#77c678" />
<stop offset=".277" stop-color="#6ebf6f" />
<stop offset=".735" stop-color="#54ad57" />
<stop offset=".994" stop-color="#43a047" />
</linearGradient>
<linearGradient
id="c"
x1="45"
x2="51.375"
y1="40"
y2="40"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e2e6e8" />
<stop offset=".285" stop-color="#d9dee1" />
<stop offset=".757" stop-color="#bfcad0" />
<stop offset=".994" stop-color="#b0bec5" />
</linearGradient>
<linearGradient id="g" x1="2" x2="43.833" y1="29" y2="29" href="#b" />
<linearGradient
id="d"
x1="42.347"
x2="50.599"
y1="27.757"
y2="29.299"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#78909c" />
<stop offset=".364" stop-color="#6f8793" />
<stop offset=".968" stop-color="#556f7b" />
<stop offset=".994" stop-color="#546e7a" />
</linearGradient>
<linearGradient id="h" x1="11.125" x2="17.281" href="#c" />
<linearGradient
id="i"
x1="8.769"
x2="17.715"
y1="27.555"
y2="29.63"
href="#d"
/>
<g>
<path
fill="url(#a)"
d="M58 32H6a1 1 0 0 0-1 1v24a3.003 3.003 0 0 0 3 3h48a3.003 3.003 0 0 0 3-3V33a1 1 0 0 0-1-1z"
/>
<path
fill="#37474f"
d="M58 32H6a1 1 0 0 0-1 1v3h47v12a10 10 0 0 1-10 10H5.184A2.995 2.995 0 0 0 8 60h48a3.003 3.003 0 0 0 3-3V33a1 1 0 0 0-1-1z"
/>
<path
fill="url(#b)"
d="M45 4H19a7.008 7.008 0 0 0-7 7v6a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-6a1.001 1.001 0 0 1 1-1h26a1.001 1.001 0 0 1 1 1v6a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-6a7.008 7.008 0 0 0-7-7z"
/>
<path
fill="#fdd835"
d="M12 13.074V17a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-3.862c-2.494.016-4.583-.023-6-.064zM44.307 10H45a1.001 1.001 0 0 1 1 1v6a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-6a6.965 6.965 0 0 0-1.567-4.405A15.685 15.685 0 0 1 44.307 10z"
/>
<path
fill="url(#e)"
d="M56 16H8a3.003 3.003 0 0 0-3 3v6a1 1 0 0 0 1 1h52a1 1 0 0 0 1-1v-6a3.003 3.003 0 0 0-3-3z"
/>
<path
fill="#37474f"
d="M56 16h-3.62C43.158 20.326 14.387 21.607 5 21.915V25a1 1 0 0 0 1 1h52a1 1 0 0 0 1-1v-6a3.003 3.003 0 0 0-3-3z"
/>
<circle cx="32" cy="47" r="10" fill="url(#f)" />
<path
fill="url(#c)"
d="M52 36h-6a1 1 0 0 0-1 1v4a3.003 3.003 0 0 0 3 3h2a3.003 3.003 0 0 0 3-3v-4a1 1 0 0 0-1-1z"
/>
<rect width="60" height="10" x="2" y="24" fill="url(#g)" rx="3" />
<path
fill="#fdd835"
d="M60.596 24.47C48.984 29.041 11.53 31.366 2.15 31.885A2.994 2.994 0 0 0 5 34h54a3.003 3.003 0 0 0 3-3v-4a2.993 2.993 0 0 0-1.404-2.53z"
/>
<rect width="12" height="18" x="43" y="20" fill="url(#d)" rx="3" />
<path
fill="#43a047"
d="M37.99 39.01a9.981 9.981 0 0 1-13.98 13.98 9.987 9.987 0 1 0 13.98-13.98z"
/>
<path
fill="#ffef78"
d="M31 53a1 1 0 0 1-.78-1.625L32.92 48H29a1 1 0 0 1-.78-1.625l4-5a1 1 0 1 1 1.56 1.25L31.08 46H35a1 1 0 0 1 .78 1.625l-4 5A.997.997 0 0 1 31 53z"
/>
<path
fill="url(#h)"
d="M18 36h-6a1 1 0 0 0-1 1v4a3.003 3.003 0 0 0 3 3h2a3.003 3.003 0 0 0 3-3v-4a1 1 0 0 0-1-1z"
/>
<path
fill="#b0bec5"
d="M18 36h-6a1 1 0 0 0-1 1v3h4a2 2 0 0 1 2 2v1.816A2.995 2.995 0 0 0 19 41v-4a1 1 0 0 0-1-1zM52 36h-6a1 1 0 0 0-1 1v3h4a2 2 0 0 1 2 2v1.816A2.995 2.995 0 0 0 53 41v-4a1 1 0 0 0-1-1z"
/>
<rect width="12" height="18" x="9" y="20" fill="url(#i)" rx="3" />
<path
fill="#546e7a"
d="M19.536 20.437C17.533 32.027 12.128 35.01 9.11 35.76A2.997 2.997 0 0 0 12 38h6a3.003 3.003 0 0 0 3-3V23a2.99 2.99 0 0 0-1.464-2.563zM53.536 20.437C51.533 32.027 46.128 35.01 43.11 35.76A2.997 2.997 0 0 0 46 38h6a3.003 3.003 0 0 0 3-3V23a2.99 2.99 0 0 0-1.464-2.563z"
/>
<g fill="#fff">
<circle cx="12" cy="31" r="1" />
<circle cx="46" cy="31" r="1" />
<circle cx="17" cy="7" r="1" />
<path
d="M12 28a1 1 0 0 1-1-1v-4a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1zM46 28a1 1 0 0 1-1-1v-4a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1zM26 8h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2zM25.29 46a1.001 1.001 0 0 1-.958-1.285 8.015 8.015 0 0 1 4.239-4.944 1 1 0 1 1 .858 1.806 6.011 6.011 0 0 0-3.18 3.708 1.001 1.001 0 0 1-.958.715z"
/>
</g>
</g>
</svg>
More icons in the same style and category