Add icons to this collection by clicking the heart icon.
Hatchback icon - also known as 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 64 64"
>
<g>
<path
fill="#004c9d"
d="M59 42a3 3 0 0 0 3-3v-5a4.948 4.948 0 0 0-3.911-4.838L48 27l-3.2-2.4A33 33 0 0 0 25 18H13a4 4 0 0 0-3.2 1.6l-6.6 8.8A6 6 0 0 0 2 32v7a3 3 0 0 0 3 3z"
/>
<path
fill="#006bdb"
d="M58.089 29.162 48 27l-3.2-2.4A33 33 0 0 0 25 18H15a4 4 0 0 0-3.2 1.6l-6.6 8.8A6 6 0 0 0 4 32v5a2.989 2.989 0 0 0 2.113 2.851A6 6 0 0 1 17.91 40h28.18a5.993 5.993 0 0 1 11.82 0H61a2.983 2.983 0 0 0 .86-.14A2.983 2.983 0 0 0 62 39v-5a4.948 4.948 0 0 0-3.911-4.838z"
/>
<path fill="#52a8fc" d="M15 27h33l-3.2-2.4A33 33 0 0 0 25 18H15z" />
<circle cx="52" cy="41" r="5" fill="#484949" />
<path
fill="#666867"
d="M52 36a4.959 4.959 0 0 0-2.988 1.012 4.979 4.979 0 0 0 6.976 6.976A4.979 4.979 0 0 0 52 36z"
/>
<path fill="#484949" d="M52 43a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" />
<path
fill="#004c9d"
d="M15 27v6a6.874 6.874 0 0 1 5 5h24l1.227-1.84A16.515 16.515 0 0 0 48 27"
/>
<path fill="#006bdb" d="M31 30h4v2h-4zM17 30h4v2h-4z" />
<circle cx="12" cy="41" r="5" fill="#484949" />
<path
fill="#666867"
d="M12 36a4.959 4.959 0 0 0-2.988 1.012 4.979 4.979 0 0 0 6.976 6.976A4.979 4.979 0 0 0 12 36z"
/>
<path fill="#484949" d="M12 43a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" />
<path
fill="#84d5fd"
d="m28.036 18.18.994 4.969A3.546 3.546 0 0 0 32.507 26h14.16L44.8 24.6a32.922 32.922 0 0 0-16.764-6.42zM25 18h-9v4.193A3.807 3.807 0 0 0 19.807 26H27.6l-1.592-7.959C25.672 18.03 25.337 18 25 18z"
/>
<path
fill="#006bdb"
d="M29 38V28a.925.925 0 0 0-.02-.2l-1.944-9.722C26.359 18.04 25.682 18 25 18h-.02L27 28.1V38z"
/>
<path fill="#52a8fc" d="M13 18a4 4 0 0 0-3.2 1.6L4.25 27H10z" />
<path
fill="#84d5fd"
d="m10 27 2.761-8.284a3.974 3.974 0 0 0-.961.884L6.25 27z"
/>
<path
fill="#f9cb5d"
d="M58 33h3.888a4.942 4.942 0 0 0-3.8-3.838L55 28.5V30a3 3 0 0 0 3 3z"
/>
<path
d="m58.3 28.184-9.874-2.116L45.4 23.8A34.212 34.212 0 0 0 25 17H13a5.025 5.025 0 0 0-4 2l-6.6 8.8A7.04 7.04 0 0 0 1 32v7a4 4 0 0 0 4 4h1.35a5.99 5.99 0 0 0 11.3 0h28.7a5.99 5.99 0 0 0 11.3 0H59a4 4 0 0 0 4-4v-5a5.98 5.98 0 0 0-4.7-5.816zM60.443 32H58a2 2 0 0 1-2-2v-.262l1.879.4A3.955 3.955 0 0 1 60.443 32zM16 28h10.98l.02.1V37h-6.26A7.855 7.855 0 0 0 16 32.26zm13 0h17.968a15.452 15.452 0 0 1-2.568 7.6l-.93 1.4H29zm16-2H28.62l-1.382-6.908A32.216 32.216 0 0 1 44.2 25.4zm-19.818-6.993L26.58 26H16v-7h9c.061 0 .121.007.182.007zM10.6 20.2a2.986 2.986 0 0 1 .864-.755L9.279 26H6.25zM12 45a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm40 0a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm9-6a2 2 0 0 1-2 2h-1a6 6 0 0 0-12 0H18a6 6 0 0 0-12 0H5a2 2 0 0 1-2-2v-7a5.028 5.028 0 0 1 1-3l.75-1H10a1 1 0 0 0 .949-.684L13.721 19H14v14a1 1 0 0 0 .757.97 5.863 5.863 0 0 1 4.273 4.273A1 1 0 0 0 20 39h24a1 1 0 0 0 .832-.445l1.227-1.84a17.446 17.446 0 0 0 2.9-8.487L54 29.309V30a4 4 0 0 0 4 4h3z"
/>
<circle cx="52" cy="41" r="2" />
<circle cx="12" cy="41" r="2" />
<path d="M31 30h4v2h-4zM17 30h4v2h-4z" />
</g>
</svg>
More icons in the same style and category