Gentleface › Transportation › vehicles

vehicles icon

Vehicles: commute, transportation, multimodal transport, getting around. 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="M2.264 10.86C2.007 10.758 1.781 10.609 1.586 10.414C1.391 10.219 1.242 9.993 1.14 9.736C1.047 9.5 1 9.254 1 9L1 3C1 2.746 1.047 2.5 1.14 2.264C1.242 2.007 1.391 1.781 1.586 1.586C1.781 1.391 2.007 1.242 2.264 1.14C2.5 1.047 2.746 1 3 1L9 1C9.254 1 9.5 1.047 9.736 1.14C9.993 1.242 10.219 1.391 10.414 1.586C10.609 1.781 10.758 2.007 10.86 2.264C10.953 2.5 11 2.746 11 3L11 4.5C11 4.641 10.952 4.759 10.856 4.856C10.759 4.952 10.641 5 10.5 5C10.359 5 10.241 4.952 10.144 4.856C10.048 4.759 10 4.641 10 4.5L10 3C10 2.724 9.902 2.488 9.707 2.293C9.512 2.098 9.276 2 9 2L3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 5L7.5 5C7.641 5 7.759 5.048 7.856 5.144C7.952 5.241 8 5.359 8 5.5C8 5.641 7.952 5.759 7.856 5.856C7.759 5.952 7.641 6 7.5 6L2 6L2 9C2 9.276 2.098 9.512 2.293 9.707C2.488 9.902 2.724 10 3 10L5.5 10C5.641 10 5.759 10.048 5.856 10.144C5.952 10.241 6 10.359 6 10.5C6 10.641 5.952 10.759 5.856 10.856C5.759 10.952 5.641 11 5.5 11L4 11C4.276 11 4.512 11.098 4.707 11.293C4.902 11.488 5 11.724 5 12C5 12.276 4.902 12.512 4.707 12.707C4.512 12.902 4.276 13 4 13C3.724 13 3.488 12.902 3.293 12.707C3.098 12.512 3 12.276 3 12C3 11.724 3.098 11.488 3.293 11.293C3.488 11.098 3.724 11 4 11L3 11C2.746 11 2.5 10.953 2.264 10.86ZM13.856 14.856C13.759 14.952 13.641 15 13.5 15L12.5 15C12.359 15 12.241 14.952 12.144 14.856C12.048 14.759 12 14.641 12 14.5C12 14.359 12.048 14.241 12.144 14.144C12.241 14.048 12.359 14 12.5 14L9.5 14C9.641 14 9.759 14.048 9.856 14.144C9.952 14.241 10 14.359 10 14.5C10 14.641 9.952 14.759 9.856 14.856C9.759 14.952 9.641 15 9.5 15L8.5 15C8.359 15 8.241 14.952 8.144 14.856C8.048 14.759 8 14.641 8 14.5C8 14.359 8.048 14.241 8.144 14.144C8.241 14.048 8.359 14 8.5 14L8 14C7.724 14 7.488 13.902 7.293 13.707C7.098 13.512 7 13.276 7 13L7 9C7 8.724 7.098 8.488 7.293 8.293C7.488 8.098 7.724 8 8 8L8.191 8L9.053 6.276C9.096 6.191 9.157 6.124 9.237 6.074C9.317 6.025 9.404 6 9.5 6L12.5 6C12.596 6 12.683 6.025 12.763 6.074C12.843 6.124 12.904 6.191 12.947 6.276L13.809 8L14 8C14.276 8 14.512 8.098 14.707 8.293C14.902 8.488 15 8.724 15 9L15 13C15 13.276 14.902 13.512 14.707 13.707C14.512 13.902 14.276 14 14 14L13.5 14C13.641 14 13.759 14.048 13.856 14.144C13.952 14.241 14 14.359 14 14.5C14 14.641 13.952 14.759 13.856 14.856ZM3.293 7.293C3.488 7.098 3.724 7 4 7C4.276 7 4.512 7.098 4.707 7.293C4.902 7.488 5 7.724 5 8C5 8.276 4.902 8.512 4.707 8.707C4.512 8.902 4.276 9 4 9C3.724 9 3.488 8.902 3.293 8.707C3.098 8.512 3 8.276 3 8C3 7.724 3.098 7.488 3.293 7.293ZM9.309 8L12.691 8L12.191 7L9.809 7L9.309 8ZM9.5 9.75C9.707 9.75 9.884 9.823 10.03 9.97C10.177 10.116 10.25 10.293 10.25 10.5C10.25 10.707 10.177 10.884 10.03 11.03C9.884 11.177 9.707 11.25 9.5 11.25C9.293 11.25 9.116 11.177 8.97 11.03C8.823 10.884 8.75 10.707 8.75 10.5C8.75 10.293 8.823 10.116 8.97 9.97C9.116 9.823 9.293 9.75 9.5 9.75ZM14 9L8 9L8 13L14 13L14 9ZM13.25 10.5C13.25 10.707 13.177 10.884 13.03 11.03C12.884 11.177 12.707 11.25 12.5 11.25C12.293 11.25 12.116 11.177 11.97 11.03C11.823 10.884 11.75 10.707 11.75 10.5C11.75 10.293 11.823 10.116 11.97 9.97C12.116 9.823 12.293 9.75 12.5 9.75C12.707 9.75 12.884 9.823 13.03 9.97C13.177 10.116 13.25 10.293 13.25 10.5Z"/></svg>

React

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

export function VehiclesIcon(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="M2.264 10.86C2.007 10.758 1.781 10.609 1.586 10.414C1.391 10.219 1.242 9.993 1.14 9.736C1.047 9.5 1 9.254 1 9L1 3C1 2.746 1.047 2.5 1.14 2.264C1.242 2.007 1.391 1.781 1.586 1.586C1.781 1.391 2.007 1.242 2.264 1.14C2.5 1.047 2.746 1 3 1L9 1C9.254 1 9.5 1.047 9.736 1.14C9.993 1.242 10.219 1.391 10.414 1.586C10.609 1.781 10.758 2.007 10.86 2.264C10.953 2.5 11 2.746 11 3L11 4.5C11 4.641 10.952 4.759 10.856 4.856C10.759 4.952 10.641 5 10.5 5C10.359 5 10.241 4.952 10.144 4.856C10.048 4.759 10 4.641 10 4.5L10 3C10 2.724 9.902 2.488 9.707 2.293C9.512 2.098 9.276 2 9 2L3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 5L7.5 5C7.641 5 7.759 5.048 7.856 5.144C7.952 5.241 8 5.359 8 5.5C8 5.641 7.952 5.759 7.856 5.856C7.759 5.952 7.641 6 7.5 6L2 6L2 9C2 9.276 2.098 9.512 2.293 9.707C2.488 9.902 2.724 10 3 10L5.5 10C5.641 10 5.759 10.048 5.856 10.144C5.952 10.241 6 10.359 6 10.5C6 10.641 5.952 10.759 5.856 10.856C5.759 10.952 5.641 11 5.5 11L4 11C4.276 11 4.512 11.098 4.707 11.293C4.902 11.488 5 11.724 5 12C5 12.276 4.902 12.512 4.707 12.707C4.512 12.902 4.276 13 4 13C3.724 13 3.488 12.902 3.293 12.707C3.098 12.512 3 12.276 3 12C3 11.724 3.098 11.488 3.293 11.293C3.488 11.098 3.724 11 4 11L3 11C2.746 11 2.5 10.953 2.264 10.86ZM13.856 14.856C13.759 14.952 13.641 15 13.5 15L12.5 15C12.359 15 12.241 14.952 12.144 14.856C12.048 14.759 12 14.641 12 14.5C12 14.359 12.048 14.241 12.144 14.144C12.241 14.048 12.359 14 12.5 14L9.5 14C9.641 14 9.759 14.048 9.856 14.144C9.952 14.241 10 14.359 10 14.5C10 14.641 9.952 14.759 9.856 14.856C9.759 14.952 9.641 15 9.5 15L8.5 15C8.359 15 8.241 14.952 8.144 14.856C8.048 14.759 8 14.641 8 14.5C8 14.359 8.048 14.241 8.144 14.144C8.241 14.048 8.359 14 8.5 14L8 14C7.724 14 7.488 13.902 7.293 13.707C7.098 13.512 7 13.276 7 13L7 9C7 8.724 7.098 8.488 7.293 8.293C7.488 8.098 7.724 8 8 8L8.191 8L9.053 6.276C9.096 6.191 9.157 6.124 9.237 6.074C9.317 6.025 9.404 6 9.5 6L12.5 6C12.596 6 12.683 6.025 12.763 6.074C12.843 6.124 12.904 6.191 12.947 6.276L13.809 8L14 8C14.276 8 14.512 8.098 14.707 8.293C14.902 8.488 15 8.724 15 9L15 13C15 13.276 14.902 13.512 14.707 13.707C14.512 13.902 14.276 14 14 14L13.5 14C13.641 14 13.759 14.048 13.856 14.144C13.952 14.241 14 14.359 14 14.5C14 14.641 13.952 14.759 13.856 14.856ZM3.293 7.293C3.488 7.098 3.724 7 4 7C4.276 7 4.512 7.098 4.707 7.293C4.902 7.488 5 7.724 5 8C5 8.276 4.902 8.512 4.707 8.707C4.512 8.902 4.276 9 4 9C3.724 9 3.488 8.902 3.293 8.707C3.098 8.512 3 8.276 3 8C3 7.724 3.098 7.488 3.293 7.293ZM9.309 8L12.691 8L12.191 7L9.809 7L9.309 8ZM9.5 9.75C9.707 9.75 9.884 9.823 10.03 9.97C10.177 10.116 10.25 10.293 10.25 10.5C10.25 10.707 10.177 10.884 10.03 11.03C9.884 11.177 9.707 11.25 9.5 11.25C9.293 11.25 9.116 11.177 8.97 11.03C8.823 10.884 8.75 10.707 8.75 10.5C8.75 10.293 8.823 10.116 8.97 9.97C9.116 9.823 9.293 9.75 9.5 9.75ZM14 9L8 9L8 13L14 13L14 9ZM13.25 10.5C13.25 10.707 13.177 10.884 13.03 11.03C12.884 11.177 12.707 11.25 12.5 11.25C12.293 11.25 12.116 11.177 11.97 11.03C11.823 10.884 11.75 10.707 11.75 10.5C11.75 10.293 11.823 10.116 11.97 9.97C12.116 9.823 12.293 9.75 12.5 9.75C12.707 9.75 12.884 9.823 13.03 9.97C13.177 10.116 13.25 10.293 13.25 10.5Z" />
    </svg>
  );
}

Vue

Vue: see /icons/vehicles.md

Svelte

Svelte: see /icons/vehicles.md

HTML img

HTML img: see /icons/vehicles.md

CSS

CSS: see /icons/vehicles.md

Data URL

Data URL: see /icons/vehicles.md

Sprite

Sprite: see /icons/vehicles.md

SwiftUI

SwiftUI: see /icons/vehicles.md

Compose

Compose: see /icons/vehicles.md

Android XML

Android XML: see /icons/vehicles.md

Flutter

Flutter: see /icons/vehicles.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. 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.

With npm: import { VehiclesIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

commute, transportation, multimodal transport, getting around

Tags

vehicles, commute, transportation, transport, multimodal, getting-around, car, bus, transit, public-transport, travel, mobility, traffic

Category

Transportation

Component name

VehiclesIcon

History

2026-10-29 released in 0.2.0
2026-10-30 added

Since

version 0.2.0

More transportation icons

ambulance anchor bike bus bus-side bus-stop cable-car car car-alert car-battery car-clock car-crash car-front car-lock car-plus car-unlock · all transportation icons

For agents

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

vehicles icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More transportation icons

For agents

vehicles icon