ICONYZ
English
Pickup Truck Outline icon from Glyphs

Pickup Truck Outline icon

glyphs:pickup-truck-outline

The Pickup Truck Outline icon (glyphs:pickup-truck-outline) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Glyphs
Author
Goran Spasojevic
License
MIT
Size
80 × 80
Tags
pickuptruck, truckoutline, pickuptruckoutline
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" d="M34 38.5a2 2 0 0 1 2-2h4a2 2 0 1 1 0 4h-4a2 2 0 0 1-2-2"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M34 14a4 4 0 0 0-4 4v14H8a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h3.609a9.39 9.39 0 0 0 5.797 8.676A9.39 9.39 0 0 0 30.391 56h20.218a9.39 9.39 0 0 0 5.797 8.676A9.39 9.39 0 0 0 69.391 56H70a4 4 0 0 0 4-4V38a6 6 0 0 0-6-6h-3.08L51.287 16.095A6 6 0 0 0 46.732 14zm31.19 40.541a5.39 5.39 0 0 0-3.127-3.522a5.392 5.392 0 1 0 3.127 3.522M68.497 52H70V38a2 2 0 0 0-2-2h-2v12.776A9.4 9.4 0 0 1 68.497 52M62 46.824V36H34v16h17.503A9.39 9.39 0 0 1 62 46.824m-44.594.5A9.4 9.4 0 0 0 12.503 52H10V36h20v16h-.503a9.39 9.39 0 0 0-12.09-4.676m-1.387 10.74a5.392 5.392 0 1 1 9.963-4.127a5.392 5.392 0 0 1-9.963 4.126M59.652 32L48.25 18.698A2 2 0 0 0 46.732 18H34v14z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M34 38.5V36h28v10.824A9.39 9.39 0 0 0 51.503 52H34zm0 0a2 2 0 0 1 2-2h4a2 2 0 1 1 0 4h-4a2 2 0 0 1-2-2M30 18a4 4 0 0 1 4-4h12.732a6 6 0 0 1 4.555 2.095L64.92 32H68a6 6 0 0 1 6 6v14a4 4 0 0 1-4 4h-.609a9.39 9.39 0 0 1-5.797 8.676A9.39 9.39 0 0 1 50.609 56H30.391a9.39 9.39 0 0 1-5.797 8.676A9.39 9.39 0 0 1 11.609 56H8a2 2 0 0 1-2-2V34a2 2 0 0 1 2-2h22zm35.19 36.541a5.39 5.39 0 0 0-3.127-3.522a5.392 5.392 0 1 0 3.127 3.522M70 52h-1.503A9.4 9.4 0 0 0 66 48.776V36h2a2 2 0 0 1 2 2zm-57.497 0a9.391 9.391 0 0 1 16.994 0H30V36H10v16zm3.307 2.541a5.392 5.392 0 1 0 10.382 2.918A5.392 5.392 0 0 0 15.81 54.54m32.44-35.843L59.652 32H34V18h12.732a2 2 0 0 1 1.518.698"/></g></svg>

How to use the Pickup Truck Outline icon

React

import { Icon } from "@iconify/react";

<Icon icon="glyphs:pickup-truck-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="glyphs:pickup-truck-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="glyphs:pickup-truck-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--pickup-truck-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:pickup-truck-outline"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="glyphs:pickup-truck-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/glyphs/pickup-truck-outline.svg" alt="Pickup Truck Outline icon" width="24" height="24">

Related icons in Glyphs

Pickup Truck Outline icon FAQ

Is the Pickup Truck Outline icon free for commercial use?

Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Pickup Truck Outline icon in React?

Install @iconify/react and render <Icon icon="glyphs:pickup-truck-outline" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Pickup Truck Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/pickup-truck-outline.svg" alt="Pickup Truck Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Glyphs icons →