Add icons to this collection by clicking the heart icon.
Pay icon - also known as food, money, pay, restaurant, payment, cloche, and food and restaurant. Created in a clean lineal color 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 64 64"
>
<linearGradient
id="c"
x1="28"
x2="28"
y1="14.13"
y2="6"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#838383" />
<stop offset="1" stop-color="#a1a1a1" />
</linearGradient>
<linearGradient
id="d"
x1="28"
x2="28"
y1="12"
y2="37"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d6d6d6" />
<stop offset="1" stop-color="#a1a1a1" />
</linearGradient>
<linearGradient
id="e"
x1="28"
x2="28"
y1="41"
y2="35"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6e6e6e" />
<stop offset="1" stop-color="#8c8c8c" />
</linearGradient>
<linearGradient
id="f"
x1="40"
x2="40"
y1="57"
y2="31"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#009e77" />
<stop offset="1" stop-color="#00d291" />
</linearGradient>
<linearGradient
id="a"
x1="19"
x2="29"
y1="52"
y2="52"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe37c" />
<stop offset="1" stop-color="#ffc337" />
</linearGradient>
<linearGradient id="g" x1="51" x2="61" y1="52" y2="52" href="#a" />
<linearGradient id="h" x2="29" y1="36" y2="36" href="#a" />
<linearGradient id="i" x1="51" x2="61" y1="36" y2="36" href="#a" />
<linearGradient
id="b"
x1="15.52"
x2="15.52"
y1="30.31"
y2="19.05"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000406" />
<stop offset="1" stop-color="#001521" />
</linearGradient>
<linearGradient id="j" x1="40" x2="40" y1="53.43" y2="34.57" href="#b" />
<linearGradient id="k" x1="31.75" x2="31.75" y1="57" y2="6" href="#b" />
<g>
<path
fill="url(#c)"
d="M31 7a3 3 0 0 0-2.24-1h-1.5a3 3 0 0 0-3 3.36l.47 3.89a1 1 0 0 0 1 .88h4.54a1 1 0 0 0 1-.88l.47-3.89A3 3 0 0 0 31 7z"
/>
<path
fill="url(#d)"
d="M28 12A21 21 0 0 0 7 33v3a1 1 0 0 0 1 1h40a1 1 0 0 0 1-1v-3a21 21 0 0 0-21-21z"
/>
<path
fill="url(#e)"
d="M52.5 35h-49a1 1 0 0 0-.71 1.71l4 4a1 1 0 0 0 .71.29h41a1 1 0 0 0 .71-.29l4-4A1 1 0 0 0 52.5 35z"
/>
<rect width="42" height="26" x="19" y="31" fill="url(#f)" rx="5" />
<path
fill="url(#a)"
d="M28.94 57H24a5 5 0 0 1-5-5v-4.94A9 9 0 0 1 28.94 57z"
/>
<path
fill="url(#g)"
d="M61 47.06V52a5 5 0 0 1-5 5h-4.94A9 9 0 0 1 61 47.06z"
/>
<path
fill="url(#h)"
d="M19 40.94V36a5 5 0 0 1 5-5h4.94A9 9 0 0 1 19 40.94z"
/>
<path
fill="url(#i)"
d="M61 36v4.94A9 9 0 0 1 51.06 31H56a5 5 0 0 1 5 5z"
/>
</g>
<g>
<path
fill="url(#b)"
d="M19.2 20.86a1 1 0 0 0-1.2-1.62 17 17 0 0 0-6.56 9.84 1 1 0 0 0 .74 1.2.91.91 0 0 0 .23 0 1 1 0 0 0 1-.77 15 15 0 0 1 5.79-8.65z"
/>
<path
fill="url(#j)"
d="M38.71 49a2 2 0 0 1-2-2h-2a4 4 0 0 0 4 4H39v2.43h2V51h.29a4 4 0 0 0 0-8H41v-4h.29a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4H41v-2.43h-2V37h-.29a4 4 0 0 0 0 8H39v4zm0-6a2 2 0 0 1 0-4H39v4zM41 45h.29a2 2 0 0 1 0 4H41z"
/>
<path
fill="url(#k)"
d="M56 31h-7.12a21 21 0 0 0-17.51-18.71l.36-2.93a3 3 0 0 0-3-3.36h-1.5a3 3 0 0 0-3 3.36l.36 2.94A21 21 0 0 0 7 33v2H3.5a1 1 0 0 0-.71 1.71l4 4a1 1 0 0 0 .71.29H19v11a5 5 0 0 0 5 5h32a5 5 0 0 0 5-5V36a5 5 0 0 0-5-5zm3 5v3.93A8 8 0 0 1 52.07 33H56a3 3 0 0 1 3 3zm-38 6a10 10 0 0 0 9-9h20.1a10 10 0 0 0 9 9v4.1a10 10 0 0 0-9 9H30a10 10 0 0 0-8.95-9zm0-2v-4a3 3 0 0 1 3-3h3.93A8 8 0 0 1 21 39.93zm5.26-30.88a1 1 0 0 1 1-1.12h1.5a1 1 0 0 1 1 1.12l-.35 3C28.93 12 28.47 12 28 12s-.93 0-1.39.07zM9 33a19 19 0 0 1 37.87-2H24a5 5 0 0 0-4.9 4H9zm-1.09 6-2-2H19v2zM21 52v-3.93A8 8 0 0 1 27.93 55H24a3 3 0 0 1-3-3zm35 3h-3.93A8 8 0 0 1 59 48.07V52a3 3 0 0 1-3 3z"
/>
</g>
</svg>
More icons in the same style and category