Gentleface › Transportation › truck-monster

truck-monster icon

Truck monster: monster truck, off road truck. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M5 2C5 1.724 5.098 1.488 5.293 1.293C5.488 1.098 5.724 1 6 1L8.5 1C8.886 1 9.258 1.074 9.615 1.222C9.972 1.37 10.287 1.58 10.561 1.854L12.146 3.439C12.326 3.619 12.533 3.757 12.767 3.854C13.002 3.951 13.246 4 13.5 4L14 4C14.276 4 14.512 4.098 14.707 4.293C14.902 4.488 15 4.724 15 5L15 6C15 6.276 14.902 6.512 14.707 6.707C14.512 6.902 14.276 7 14 7L2 7C1.724 7 1.488 6.902 1.293 6.707C1.098 6.512 1 6.276 1 6L1 5C1 4.724 1.098 4.488 1.293 4.293C1.488 4.098 1.724 4 2 4L5 4L5 2ZM14 5L13.5 5C13.114 5 12.742 4.926 12.385 4.778C12.028 4.63 11.713 4.42 11.439 4.146L9.854 2.561C9.674 2.381 9.467 2.243 9.233 2.146C8.998 2.049 8.754 2 8.5 2L6 2L6 4C6 4.276 5.902 4.512 5.707 4.707C5.512 4.902 5.276 5 5 5L2 5L2 6L14 6L14 5ZM2.534 8.382L2.78 8.96L3.42 8.69L3.181 8.114C3.447 8.038 3.72 8 4 8C4.28 8 4.553 8.038 4.819 8.114L4.58 8.69L5.22 8.96L5.466 8.382C5.705 8.516 5.924 8.681 6.121 8.879C6.319 9.076 6.484 9.295 6.618 9.534L6.04 9.78L6.31 10.42L6.886 10.181C6.962 10.447 7 10.72 7 11C7 11.28 6.962 11.553 6.886 11.819L6.31 11.58L6.04 12.22L6.618 12.466C6.484 12.705 6.319 12.924 6.121 13.121C5.924 13.319 5.705 13.484 5.466 13.618L5.22 13.04L4.58 13.31L4.819 13.886C4.553 13.962 4.28 14 4 14C3.72 14 3.447 13.962 3.181 13.886L3.42 13.31L2.78 13.04L2.534 13.618C2.295 13.484 2.076 13.319 1.879 13.121C1.681 12.924 1.516 12.705 1.382 12.466L1.96 12.22L1.69 11.58L1.114 11.819C1.038 11.553 1 11.28 1 11C1 10.72 1.038 10.447 1.114 10.181L1.69 10.42L1.96 9.78L1.382 9.534C1.516 9.295 1.681 9.076 1.879 8.879C2.076 8.681 2.295 8.516 2.534 8.382ZM10.534 8.382L10.78 8.96L11.42 8.69L11.181 8.114C11.447 8.038 11.72 8 12 8C12.28 8 12.553 8.038 12.819 8.114L12.58 8.69L13.22 8.96L13.466 8.382C13.705 8.516 13.924 8.681 14.121 8.879C14.319 9.076 14.484 9.295 14.618 9.534L14.04 9.78L14.31 10.42L14.886 10.181C14.962 10.447 15 10.72 15 11C15 11.28 14.962 11.553 14.886 11.819L14.31 11.58L14.04 12.22L14.618 12.466C14.484 12.705 14.319 12.924 14.121 13.121C13.924 13.319 13.705 13.484 13.466 13.618L13.22 13.04L12.58 13.31L12.819 13.886C12.553 13.962 12.28 14 12 14C11.72 14 11.447 13.962 11.181 13.886L11.42 13.31L10.78 13.04L10.534 13.618C10.295 13.484 10.076 13.319 9.879 13.121C9.681 12.924 9.516 12.705 9.382 12.466L9.96 12.22L9.69 11.58L9.114 11.819C9.038 11.553 9 11.28 9 11C9 10.72 9.038 10.447 9.114 10.181L9.69 10.42L9.96 9.78L9.382 9.534C9.516 9.295 9.681 9.076 9.879 8.879C10.076 8.681 10.295 8.516 10.534 8.382ZM4 10C3.448 10 3 10.448 3 11C3 11.552 3.448 12 4 12C4.552 12 5 11.552 5 11C5 10.448 4.552 10 4 10ZM11 11C11 11.552 11.448 12 12 12C12.552 12 13 11.552 13 11C13 10.448 12.552 10 12 10C11.448 10 11 10.448 11 11Z"/></svg>

React

// Gentleface "truck-monster" (line-round), MIT. https://gentleface.com/icons/truck-monster
import type { SVGProps } from 'react';

export function TruckMonsterIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M5 2C5 1.724 5.098 1.488 5.293 1.293C5.488 1.098 5.724 1 6 1L8.5 1C8.886 1 9.258 1.074 9.615 1.222C9.972 1.37 10.287 1.58 10.561 1.854L12.146 3.439C12.326 3.619 12.533 3.757 12.767 3.854C13.002 3.951 13.246 4 13.5 4L14 4C14.276 4 14.512 4.098 14.707 4.293C14.902 4.488 15 4.724 15 5L15 6C15 6.276 14.902 6.512 14.707 6.707C14.512 6.902 14.276 7 14 7L2 7C1.724 7 1.488 6.902 1.293 6.707C1.098 6.512 1 6.276 1 6L1 5C1 4.724 1.098 4.488 1.293 4.293C1.488 4.098 1.724 4 2 4L5 4L5 2ZM14 5L13.5 5C13.114 5 12.742 4.926 12.385 4.778C12.028 4.63 11.713 4.42 11.439 4.146L9.854 2.561C9.674 2.381 9.467 2.243 9.233 2.146C8.998 2.049 8.754 2 8.5 2L6 2L6 4C6 4.276 5.902 4.512 5.707 4.707C5.512 4.902 5.276 5 5 5L2 5L2 6L14 6L14 5ZM2.534 8.382L2.78 8.96L3.42 8.69L3.181 8.114C3.447 8.038 3.72 8 4 8C4.28 8 4.553 8.038 4.819 8.114L4.58 8.69L5.22 8.96L5.466 8.382C5.705 8.516 5.924 8.681 6.121 8.879C6.319 9.076 6.484 9.295 6.618 9.534L6.04 9.78L6.31 10.42L6.886 10.181C6.962 10.447 7 10.72 7 11C7 11.28 6.962 11.553 6.886 11.819L6.31 11.58L6.04 12.22L6.618 12.466C6.484 12.705 6.319 12.924 6.121 13.121C5.924 13.319 5.705 13.484 5.466 13.618L5.22 13.04L4.58 13.31L4.819 13.886C4.553 13.962 4.28 14 4 14C3.72 14 3.447 13.962 3.181 13.886L3.42 13.31L2.78 13.04L2.534 13.618C2.295 13.484 2.076 13.319 1.879 13.121C1.681 12.924 1.516 12.705 1.382 12.466L1.96 12.22L1.69 11.58L1.114 11.819C1.038 11.553 1 11.28 1 11C1 10.72 1.038 10.447 1.114 10.181L1.69 10.42L1.96 9.78L1.382 9.534C1.516 9.295 1.681 9.076 1.879 8.879C2.076 8.681 2.295 8.516 2.534 8.382ZM10.534 8.382L10.78 8.96L11.42 8.69L11.181 8.114C11.447 8.038 11.72 8 12 8C12.28 8 12.553 8.038 12.819 8.114L12.58 8.69L13.22 8.96L13.466 8.382C13.705 8.516 13.924 8.681 14.121 8.879C14.319 9.076 14.484 9.295 14.618 9.534L14.04 9.78L14.31 10.42L14.886 10.181C14.962 10.447 15 10.72 15 11C15 11.28 14.962 11.553 14.886 11.819L14.31 11.58L14.04 12.22L14.618 12.466C14.484 12.705 14.319 12.924 14.121 13.121C13.924 13.319 13.705 13.484 13.466 13.618L13.22 13.04L12.58 13.31L12.819 13.886C12.553 13.962 12.28 14 12 14C11.72 14 11.447 13.962 11.181 13.886L11.42 13.31L10.78 13.04L10.534 13.618C10.295 13.484 10.076 13.319 9.879 13.121C9.681 12.924 9.516 12.705 9.382 12.466L9.96 12.22L9.69 11.58L9.114 11.819C9.038 11.553 9 11.28 9 11C9 10.72 9.038 10.447 9.114 10.181L9.69 10.42L9.96 9.78L9.382 9.534C9.516 9.295 9.681 9.076 9.879 8.879C10.076 8.681 10.295 8.516 10.534 8.382ZM4 10C3.448 10 3 10.448 3 11C3 11.552 3.448 12 4 12C4.552 12 5 11.552 5 11C5 10.448 4.552 10 4 10ZM11 11C11 11.552 11.448 12 12 12C12.552 12 13 11.552 13 11C13 10.448 12.552 10 12 10C11.448 10 11 10.448 11 11Z" />
    </svg>
  );
}

Vue

Vue: see /icons/truck-monster.md

Svelte

Svelte: see /icons/truck-monster.md

HTML img

HTML img: see /icons/truck-monster.md

CSS

CSS: see /icons/truck-monster.md

Data URL

Data URL: see /icons/truck-monster.md

Sprite

Sprite: see /icons/truck-monster.md

SwiftUI

SwiftUI: see /icons/truck-monster.md

Compose

Compose: see /icons/truck-monster.md

Android XML

Android XML: see /icons/truck-monster.md

Flutter

Flutter: see /icons/truck-monster.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

monster truck, off road truck

Tags

monster-truck, off-road, truck, pickup, big-wheels, motorsport, 4x4, vehicle

Category

Transportation

Component name

TruckMonsterIcon

History

2026-11-12 20 px drawn, 24 px drawn, added

Family 16

tow-truck truck truck-alert truck-arrow-right truck-bolt truck-check truck-clock truck-electric truck-gear truck-off truck-pencil truck-plus

More transportation icons

ambulance anchor barricade barricade-off bike bike-bolt bike-dock bike-off boom-barrier bulldozer bus bus-alert bus-clock bus-off bus-side bus-stop · all transportation icons

For agents

Metadata: /icons/truck-monster.json · Markdown: /icons/truck-monster.md · SVG: https://gentleface.com/svg/{style}/16/truck-monster.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/truck-monster.png

truck-monster icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp