Add icons to this collection by clicking the heart icon.
Checkout icon - also known as hotel, holidays, vacation, and checkout. Created in a clean gradient style, 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 512 512"
>
<linearGradient
id="a"
x1="73.89"
x2="439.74"
y1="6.23"
y2="507.99"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff0a6c" />
<stop offset="1" stop-color="#4a3cdb" />
</linearGradient>
<linearGradient
id="b"
x1="-86.07"
x2="279.78"
y1="122.87"
y2="624.62"
href="#a"
/>
<linearGradient
id="c"
x1="-53.54"
x2="312.31"
y1="99.15"
y2="600.9"
href="#a"
/>
<linearGradient
id="d"
x1="57.35"
x2="423.2"
y1="18.29"
y2="520.05"
href="#a"
/>
<linearGradient
id="e"
x1="18.98"
x2="384.83"
y1="46.27"
y2="548.03"
href="#a"
/>
<linearGradient
id="f"
x1="-16.06"
x2="349.8"
y1="71.81"
y2="573.57"
href="#a"
/>
<linearGradient
id="g"
x1="91.76"
x2="457.61"
y1="-6.8"
y2="494.96"
href="#a"
/>
<linearGradient
id="h"
x1="132.39"
x2="498.25"
y1="-36.43"
y2="465.33"
href="#a"
/>
<linearGradient
id="i"
x1="212.9"
x2="578.75"
y1="-95.13"
y2="406.63"
href="#a"
/>
<linearGradient
id="j"
x1="176.57"
x2="542.42"
y1="-68.64"
y2="433.12"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M465.45 180.52H46.54A41.59 41.59 0 0 0 5 222.06v10.86a6 6 0 0 0 12 0v-10.86a29.58 29.58 0 0 1 29.54-29.54h418.91A29.57 29.57 0 0 1 495 222.06v67.88a29.58 29.58 0 0 1-29.55 29.55H46.54A29.59 29.59 0 0 1 17 289.94v-10.86a6 6 0 0 0-12 0v10.86a41.6 41.6 0 0 0 41.54 41.55h418.91A41.59 41.59 0 0 0 507 289.94v-67.88a41.58 41.58 0 0 0-41.55-41.54z"
/>
<path
fill="url(#b)"
d="M11 266.44a6 6 0 0 0 6-6v-8.87a6 6 0 0 0-12 0v8.87a6 6 0 0 0 6 6z"
/>
<path
fill="url(#c)"
d="M60.8 228c5.81 0 11.45 3.22 15.49 8.83a6 6 0 0 0 9.74-7C79.71 221.07 70.51 216 60.8 216c-18.36 0-33.3 18-33.3 40s14.94 40 33.3 40c9.72 0 18.91-5 25.23-13.81a6 6 0 1 0-9.74-7c-4 5.61-9.68 8.82-15.49 8.82-11.75 0-21.3-12.55-21.3-28S49.05 228 60.8 228z"
/>
<path
fill="url(#d)"
d="M230.64 228c5.81 0 11.45 3.22 15.49 8.83a6 6 0 0 0 9.74-7c-6.32-8.78-15.51-13.82-25.23-13.82-18.36 0-33.3 17.93-33.3 40s14.94 40 33.3 40c9.72 0 18.91-5 25.23-13.81a6 6 0 1 0-9.74-7c-4 5.61-9.68 8.82-15.49 8.82-11.75 0-21.3-12.55-21.3-28s9.55-28.02 21.3-28.02z"
/>
<path
fill="url(#e)"
d="M187.39 228a6 6 0 0 0 0-12h-29.85a8.22 8.22 0 0 0-8.21 8.21v63.52a8.22 8.22 0 0 0 8.21 8.21h29.85a6 6 0 0 0 0-12h-26.06V262h26.06a6 6 0 0 0 0-12h-26.06v-22z"
/>
<path
fill="url(#f)"
d="M101.94 216a6 6 0 0 0-6 6v68a6 6 0 0 0 12 0v-28h20.61v28a6 6 0 0 0 12 0v-68a6 6 0 0 0-12 0v28h-20.61v-28a6 6 0 0 0-6-6z"
/>
<path
fill="url(#g)"
d="M265.59 216a6 6 0 0 0-6 6v68a6 6 0 0 0 12 0v-23.2l1.81-2 25.71 28.64a6 6 0 1 0 8.93-8l-26.57-29.61 25.29-28.18a6 6 0 1 0-8.93-8l-26.24 29.24V222a6 6 0 0 0-6-6z"
/>
<path
fill="url(#h)"
d="M381.61 256c0-22-16.15-40-36-40s-36 17.93-36 40 16.15 40 36 40 36-18 36-40zm-60 0c0-15.42 10.76-28 24-28s24 12.55 24 28-10.76 28-24 28-23.99-12.58-23.99-28z"
/>
<path
fill="url(#i)"
d="M459.34 296a6 6 0 0 0 6-6v-62h13.16a6 6 0 0 0 0-12h-38.33a6 6 0 0 0 0 12h13.17v62a6 6 0 0 0 6 6z"
/>
<path
fill="url(#j)"
d="M393.94 217a6 6 0 0 0-8.31 1.68c-1.36 2-1.6 2.41-1.18 53.16a24.31 24.31 0 0 0 48.62-.21V222a6 6 0 0 0-12 0v49.63a12.31 12.31 0 0 1-24.62.11c-.33-39.19-.07-46.95 0-48.47a6 6 0 0 0-2.51-6.27z"
/>
</g>
</svg>
More icons in the same style and category