Menu

Beta
Sign in
Front-End Loader SVG illustration, flat

Front-End Loader SVG illustration, flat

A front-end loader lifts its oversized bucket above the ground, with two rugged wheels and simple cab windows. Add it to a toddler’s shirt or a toy-room wall print.

Free · from Little Builder Trucks, Flat

Similar SVGs

More from Little Builder Trucks, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Gup_en2eHFHB/amnt.svg" alt="Front-End Loader" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 620 340" width="620" height="340"><g id="layer-1" data-name="Group 1"><path d="M310 185L375 185L455 220L443 259L355 231L310 231Z" fill="#f6bf37" stroke="#263238" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M362 208C362 213.52 357.52 218 352 218C346.48 218 342 213.52 342 208C342 202.48 346.48 198 352 198C357.52 198 362 202.48 362 208Z" fill="#263238" stroke="#263238" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M168 201L168 117C168 106.33 173.33 101 184 101L289 101C299 101 305.67 106 309 116L336 201Z" fill="#f6bf37" stroke="#263238" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M191 124L279 124L297 183L191 183Z" fill="#9ddce7" stroke="#263238" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M246 124L246 183" fill="none" stroke="#263238" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M75 203L347 203L369 232L354 276L91 276L65 247Z" fill="#f6bf37" stroke="#263238" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M76 225L142 225" fill="none" stroke="#263238" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M435 203L567 188L556 242L532 289L461 289L439 246Z" fill="#f6bf37" stroke="#263238" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M435 203L567 188" fill="none" stroke="#263238" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M461 289L532 289" fill="none" stroke="#263238" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M195 267C195 290.2 176.2 309 153 309C129.8 309 111 290.2 111 267C111 243.8 129.8 225 153 225C176.2 225 195 243.8 195 267Z" fill="#263238" stroke="#263238" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M172 267C172 277.49 163.49 286 153 286C142.51 286 134 277.49 134 267C134 256.51 142.51 248 153 248C163.49 248 172 256.51 172 267Z" fill="#f6bf37" stroke="#263238" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M358 267C358 290.2 339.2 309 316 309C292.8 309 274 290.2 274 267C274 243.8 292.8 225 316 225C339.2 225 358 243.8 358 267Z" fill="#263238" stroke="#263238" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M335 267C335 277.49 326.49 286 316 286C305.51 286 297 277.49 297 267C297 256.51 305.51 248 316 248C326.49 248 335 256.51 335 267Z" fill="#f6bf37" stroke="#263238" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.front-end-loader {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Gup_en2eHFHB/amnt.svg");
  background-size: contain;
}
React
import FrontEndLoaderSvg from "./front-end-loader.jsx"; // from the React tab above

<FrontEndLoaderSvg width={48} height={48} />

Tags

loaderconstructionbucketwheelsvehicle

Made with AMNT

AMNT SVG 1.1 drew this from the words A side-view front-end loader iron-on SVG for a toddler construction shirt, with an oversized bucket held slightly above the ground and two rugged wheels. Use three flat color layers, broad lifting arms, simple cab windows, and large negative spaces; no text, gradients, or background. as part of the pack Little Builder Trucks, Flat. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings