Menu

Beta
Sign in
Road Roller SVG illustration, flat

Road Roller SVG illustration, flat

A road roller combines a huge steel front drum with a chunky rear tire, open canopy, and compact engine housing. Use it for toddler shirts and construction-themed displays in a child’s bedroom.

Free · from Construction Trucks, Flat

Similar SVGs

More from Construction Trucks, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Ll839m8U8p2k/amnt.svg" alt="Road Roller" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 819 1024" width="819" height="1024"><g id="rear-tire" data-name="rear-tire"><path d="M750 729C750 786.44 703.44 833 646 833C588.56 833 542 786.44 542 729C542 671.56 588.56 625 646 625C703.44 625 750 671.56 750 729Z" fill="#263746"/><path d="M701 729C701 759.38 676.38 784 646 784C615.62 784 591 759.38 591 729C591 698.62 615.62 674 646 674C676.38 674 701 698.62 701 729Z" fill="#a9c4cc"/><path d="M668 729C668 741.15 658.15 751 646 751C633.85 751 624 741.15 624 729C624 716.85 633.85 707 646 707C658.15 707 668 716.85 668 729Z" fill="#263746"/></g><g id="canopy" data-name="canopy"><path d="M405 280C408.33 267.33 416.67 261 430 261L657 261C670.33 261 678.67 267.33 682 280L668 314L418 314Z" fill="#f5b82e" stroke="#263746" stroke-width="13" stroke-linejoin="round"/><path d="M427 312L445 312L445 511L427 511Z" fill="#f5b82e" stroke="#263746" stroke-width="13" stroke-linejoin="round"/><path d="M638 312L656 312L656 516L638 516Z" fill="#f5b82e" stroke="#263746" stroke-width="13" stroke-linejoin="round"/></g><g id="operator-area" data-name="operator-area"><path d="M462 479L534 479C544 479 549 484 549 494L549 505L462 505Z" fill="#263746"/><path d="M489 438L505 438L505 483L489 483Z" fill="#263746"/><path d="M558 389L570 394L541 479L529 474Z" fill="#263746"/><path d="M534 382C548 374.67 563 375.33 579 384L576 399C562 393.67 550 393 540 397Z" fill="#263746"/></g><g id="chassis-and-engine" data-name="chassis-and-engine"><path d="M335 603L677 603L677 640L335 640Z" fill="#263746" stroke="#263746" stroke-width="13" stroke-linejoin="round"/><path d="M356 496C356 483.33 362.33 477 375 477L613 477C626.33 477 633 483.67 633 497L633 584L356 584Z" fill="#f5b82e" stroke="#263746" stroke-width="13" stroke-linejoin="round"/><path d="M633 536L677 536C686.33 536 691 540.67 691 550L691 607L633 607Z" fill="#f5b82e" stroke="#263746" stroke-width="13" stroke-linejoin="round"/><path d="M461 505L476 505L476 561L461 561Z" fill="#a9c4cc" stroke="#263746" stroke-width="13" stroke-linejoin="round"/><path d="M500 505L515 505L515 561L500 561Z" fill="#a9c4cc" stroke="#263746" stroke-width="13" stroke-linejoin="round"/><path d="M539 505L554 505L554 561L539 561Z" fill="#a9c4cc" stroke="#263746" stroke-width="13" stroke-linejoin="round"/></g><g id="front-drum" data-name="front-drum"><path d="M181 574L334 574C380 574 403 596.67 403 642L403 758C403 803.33 380 826 334 826L181 826C145 826 127 808 127 772L127 628C127 592 145 574 181 574Z" fill="#a9c4cc" stroke="#263746" stroke-width="14" stroke-linejoin="round"/><path d="M327 575C375.67 575 400 598 400 644L400 756C400 802 375.67 825 327 825C282.33 825 260 802 260 756L260 644C260 598 282.33 575 327 575Z" fill="#a9c4cc" stroke="#263746" stroke-width="14" stroke-linejoin="round"/><path d="M360 700C360 717.12 346.12 731 329 731C311.88 731 298 717.12 298 700C298 682.88 311.88 669 329 669C346.12 669 360 682.88 360 700Z" fill="#f5b82e" stroke="#263746" stroke-width="14" stroke-linejoin="round"/></g><g id="drum-support" data-name="drum-support"><path d="M329 687L388 617L414 635L345 716Z" fill="#f5b82e" stroke="#263746" stroke-width="13" stroke-linejoin="round"/><path d="M343 700C343 707.73 336.73 714 329 714C321.27 714 315 707.73 315 700C315 692.27 321.27 686 329 686C336.73 686 343 692.27 343 700Z" fill="#263746"/></g></svg>
CSS background-image
.road-roller {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Ll839m8U8p2k/amnt.svg");
  background-size: contain;
}
React
import RoadRollerSvg from "./road-roller.jsx"; // from the React tab above

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

Tags

road rollerconstructionasphaltvehicle

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one road roller in side view with a huge front steel drum, one chunky rear tire, an open operator canopy, and a compact engine housing. Center the vehicle for a toddler shirt iron-on using three flat spot colors, closed paths, generous gaps, and separate cutting layers. No text, branding, textures, or background. as part of the pack Construction 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