Delivery Svg Icon

Free SVG icon from the IconaMoon collection. Download or copy for use in any project.

Download SVG

Collection: IconaMoon
Format: SVG, PNG
License: CC BY 4.0 - Free for commercial use
Tags: delivery svg

The Delivery Svg icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/308421.svg" alt="Delivery   Svg icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/308421.svg" alt="Delivery   Svg icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/308421.svg"
  alt="Delivery   Svg icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-delivery---svg {
  background-image: url('https://proicons.com/icon/308421.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 9H15V19H20C21.1046 19 22 18.1046 22 17V13C22 10.7909 20.2091 9 18 9Z" fill="#FFC800"/>
<path d="M15 9V8H14V9H15ZM15 19H14V20H15V19ZM15 10H18V8H15V10ZM21 13V17H23V13H21ZM16 19V9H14V19H16ZM20 18H15V20H20V18ZM21 17C21 17.5523 20.5523 18 20 18V20C21.6569 20 23 18.6569 23 17H21ZM18 10C19.6569 10 21 11.3431 21 13H23C23 10.2386 20.7614 8 18 8V10Z" fill="#FFC800"/>
<path d="M13 3H2V17C2 18.1046 2.89543 19 4 19H13V3Z" fill="#FF9600"/>
<path d="M2 3V2C1.44772 2 1 2.44772 1 3H2ZM13 3H14C14 2.44772 13.5523 2 13 2V3ZM13 19V20H14V19H13ZM2 4H13V2H2V4ZM12 3V19H14V3H12ZM3 17V3H1V17H3ZM13 18H4V20H13V18ZM1 17C1 18.6569 2.34315 20 4 20V18C3.44772 18 3 17.5523 3 17H1Z" fill="#FF9600"/>
<circle cx="6" cy="19" r="2" fill="#CD7900" stroke="#CD7900" stroke-width="2"/>
<circle cx="18" cy="19" r="2" fill="#CD7900" stroke="#CD7900" stroke-width="2"/>
</svg>

Copied!

Delivery Svg Icon

More from IconaMoon