Add icons to this collection by clicking the heart icon.
Hatchback icon - also known as transport, car, vehicle, automobile, transportation, and hatchback. Created in a clean outline color style with a silver, gray, teal, and orange finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 128 128"
>
<linearGradient
id="c"
x1="64.01"
x2="64.01"
y1="80"
y2="37"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7aa8d7" />
<stop offset="1" stop-color="#96c8ea" />
</linearGradient>
<linearGradient
id="a"
x1="17"
x2="17"
y1="90"
y2="70"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#464f6b" />
<stop offset="1" stop-color="#575f7c" />
</linearGradient>
<linearGradient id="d" x1="105" x2="105" href="#a" />
<linearGradient
id="b"
x1="8.84"
x2="8.84"
y1="58"
y2="38.72"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9dd5df" />
<stop offset="1" stop-color="#c3e1f5" />
</linearGradient>
<linearGradient id="e" x1="60.7" x2="60.7" y1="58.05" y2="37" href="#b" />
<path
fill="url(#c)"
d="m127 78-2 2H7.1L1 78V57.23a10.24 10.24 0 0 1 2.52-6.74c5.15-6 10-13.49 20.93-13.49h45.62a12.11 12.11 0 0 1 6.67 2c.89.54 21.72 16.43 21.82 16.43l20.78 3.21a8.22 8.22 0 0 1 6.75 6.49c1.15 6.19.91 2.28.91 12.87z"
/>
<path
fill="#5b8dc9"
d="M127 73.95v4L124.97 80H7.1L1 77.95v-4L7.1 76h117.87z"
/>
<circle cx="17" cy="80" r="10" fill="url(#a)" />
<circle cx="105" cy="80" r="10" fill="url(#d)" />
<path
fill="#3d465e"
d="M17 90a10 10 0 0 1-9.88-11.48 10 10 0 0 0 19.76 0A10 10 0 0 1 17 90zM105 90a10 10 0 0 1-9.88-11.48 10 10 0 0 0 19.76 0A10 10 0 0 1 105 90z"
/>
<circle cx="17" cy="80" r="4" fill="#949aaf" />
<circle cx="105" cy="80" r="4" fill="#949aaf" />
<path
fill="#8288a1"
d="M20.87 81a4 4 0 0 0-7.74 0 4 4 0 1 1 7.74 0zM108.87 81a4 4 0 0 0-7.74 0 4 4 0 1 1 7.74 0z"
/>
<path
fill="#f6b756"
d="M126.94 70h-8a3.91 3.91 0 0 1 1.18-2.82c1.45-1.5 3-1.18 6-1.18z"
/>
<path
fill="url(#b)"
d="m15 47.71-4.13 7.22A6.08 6.08 0 0 1 5.59 58H1a10.45 10.45 0 0 1 2.52-7.51C9 44.19 11.1 41 16.34 38.72A12.35 12.35 0 0 1 15 47.71z"
/>
<path
fill="#77cacb"
d="M10.88 54.93A6.08 6.08 0 0 1 5.59 58H1a11.43 11.43 0 0 1 .25-3h4.34a6.08 6.08 0 0 0 5.29-3.07c4.42-7.73 5.37-8.83 5.71-12.1.66 5.42-1.91 8.46-5.71 15.1z"
/>
<path
fill="url(#e)"
d="M98.56 55.43V56l-6.1 2c-72 0-66.85.32-67.65-.65a8.65 8.65 0 0 1-1.93-6.24C23 49.38 23.86 47.35 28 37h42.57a9.66 9.66 0 0 1 4.58 1.15l1.59.85c.89.54 21.72 16.43 21.82 16.43z"
/>
<path
fill="#77cacb"
d="M98.56 55.43V56l-6.1 2H25.39a8.65 8.65 0 0 1-2.52-6.89c.18-2.26-.29 1.08 2.52 3.89h67.06l3.84-1.28c2.71 2.03 2.17 1.71 2.27 1.71z"
/>
<path fill="#dd4e6a" d="M1 64h4v4H1z" />
<g fill="#47566a">
<path
d="M17 75a5 5 0 1 0 5 5 5 5 0 0 0-5-5zm0 8a3 3 0 1 1 3-3 3 3 0 0 1-3 3zM105 75a5 5 0 1 0 5 5 5 5 0 0 0-5-5zm0 8a3 3 0 1 1 3-3 3 3 0 0 1-3 3z"
/>
<path
d="M127.07 64.94a9.22 9.22 0 0 0-7.58-7.28L99 54.48 78 38.67A13.29 13.29 0 0 0 70 36H24.45a21.34 21.34 0 0 0-16.06 7.33C3 49.54 0 52 0 57.23V78c0 1 .36.84 6 2.75A11 11 0 0 0 28 81h66.1a11 11 0 0 0 21.9 0c9.69 0 9.32.12 9.73-.3 2.13-2.2 2.27-2.21 2.27-2.7 0-10.47.25-7.09-.93-13.06zM125.72 69h-5.61a2.8 2.8 0 0 1 .72-1.12c1.1-1.13 2.3-.88 4.49-.88zm-48.9-28.74 20.11 15.2L92.29 57H59V38c10.82 0 13.93-.68 17.82 2.26zM57 57H36.64l1.9-19H57zM28.76 38h7.77l-1.9 19h-8.81a7.69 7.69 0 0 1-1.43-8c3.37-8.48 4.27-10.7 4.37-11zm-14.62 9.21C8.34 57.37 9.62 57 2 57a9.1 9.1 0 0 1 2.24-5.27C9.62 45.59 11.4 43 15.67 40.79a11.75 11.75 0 0 1-1.53 6.42zM2 65h2v2H2zm15 24a9 9 0 0 1-9-8.63 1 1 0 0 0 0-.72A9 9 0 1 1 17 89zm88 0a9 9 0 1 1 9-9 9 9 0 0 1-9 9zm19.55-10H116a11 11 0 0 0-21.9 0H28a11 11 0 0 0-21.9-.39L2 77.23V69h3a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1H2v-4h3.59a7.1 7.1 0 0 0 6.16-3.58c4-7 6.67-10.22 5.77-16.09 3.72-1.47 6.34-1.33 9.1-1.33l-4.09 10.23a9.7 9.7 0 0 0 2.15 10.48c.46.45-3.93.29 67.77.29.23 0-.23.13 6.42-2.08 1.25-.42-3.24-.93 20.31 2.71A7.19 7.19 0 0 1 125 65h-2.07c-4.65 0-6.29 6-4 6H126v6.54z"
/>
<path d="M66 65h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2z" />
</g>
</svg>
More icons in the same style and category