Add icons to this collection by clicking the heart icon.
Secure Payment icon - also known as security, shield, debit card, payment method, padlock, credit card, pay card, secure payment, and business and finance. Created in a clean flat 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 128 128"
>
<linearGradient
id="b"
x1="17.979"
x2="87.95"
y1="22.313"
y2="92.284"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fbac46" />
<stop offset=".332" stop-color="#f2a53e" />
<stop offset=".871" stop-color="#da9129" />
<stop offset="1" stop-color="#d38b23" />
</linearGradient>
<linearGradient
id="c"
x1="34.873"
x2="71.057"
y1="56.996"
y2="93.18"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcea73" />
<stop offset=".007" stop-color="#fce973" />
<stop offset=".424" stop-color="#fbc85a" />
<stop offset=".77" stop-color="#fbb34b" />
<stop offset="1" stop-color="#fbac46" />
</linearGradient>
<linearGradient
id="a"
x1="71.458"
x2="87.831"
y1="43.816"
y2="43.816"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcea73" />
<stop offset="1" stop-color="#fbac46" />
</linearGradient>
<linearGradient
id="d"
x1="60.236"
x2="87.831"
y1="52.566"
y2="52.566"
href="#a"
/>
<linearGradient
id="e"
x1="77.897"
x2="113.63"
y1="52.074"
y2="87.807"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fd908d" />
<stop offset=".063" stop-color="#fb8785" />
<stop offset=".302" stop-color="#f46a6a" />
<stop offset=".54" stop-color="#f05656" />
<stop offset=".774" stop-color="#ed494b" />
<stop offset="1" stop-color="#ec4547" />
</linearGradient>
<linearGradient
id="f"
x1="82.433"
x2="109.094"
y1="57.297"
y2="83.958"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset=".036" stop-color="#fcfcfc" />
<stop offset=".364" stop-color="#e8e8e8" />
<stop offset=".688" stop-color="#dbdbdb" />
<stop offset="1" stop-color="#d7d7d7" />
</linearGradient>
<linearGradient
id="g"
x1="88.722"
x2="102.804"
y1="66.812"
y2="80.893"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7ff" />
<stop offset=".068" stop-color="#71edff" />
<stop offset=".194" stop-color="#69d3ff" />
<stop offset=".334" stop-color="#63bfff" />
<stop offset=".491" stop-color="#5eb1ff" />
<stop offset=".682" stop-color="#5ca9ff" />
<stop offset="1" stop-color="#5ba6ff" />
</linearGradient>
<linearGradient
id="h"
x1="24.176"
x2="41.903"
y1="39.328"
y2="57.055"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcea73" />
<stop offset=".249" stop-color="#fce670" />
<stop offset=".508" stop-color="#fcd967" />
<stop offset=".769" stop-color="#fbc558" />
<stop offset="1" stop-color="#fbac46" />
</linearGradient>
<linearGradient
id="i"
x1="94.619"
x2="96.907"
y1="74.66"
y2="76.947"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#d7d7d7" />
</linearGradient>
<rect
width="87.596"
height="58.211"
x="9.167"
y="28.193"
fill="url(#b)"
rx="5"
/>
<path
fill="url(#c)"
d="M31.715 75.088a2 2 0 0 1-2 2H19.609a2 2 0 0 1 0-4h10.106a2 2 0 0 1 2 2zm16.869-2H38.478a2 2 0 0 0 0 4h10.106a2 2 0 1 0 0-4zm18.868 0H57.346a2 2 0 0 0 0 4h10.106a2 2 0 0 0 0-4zm18.868 0H76.214a2 2 0 0 0 0 4H86.32a2 2 0 0 0 0-4z"
/>
<path
fill="url(#a)"
d="M73.458 45.816h12.373a2 2 0 0 0 0-4H73.458a2 2 0 0 0 0 4z"
/>
<path
fill="url(#d)"
d="M85.831 50.566h-23.6a2 2 0 0 0 0 4h23.6a2 2 0 0 0 0-4z"
/>
<path
fill="url(#e)"
d="M95.763 99.807a1 1 0 0 1-.187-.018c-.477-.092-11.694-2.377-18.708-14.68a34.1 34.1 0 0 1-4.175-16.885v-9.556a3.154 3.154 0 0 1 2.459-3.152c2.9-.568 10.513-2.7 18.662-10.224a2.875 2.875 0 0 1 3.9 0c8.148 7.521 15.765 9.655 18.661 10.224a3.154 3.154 0 0 1 2.459 3.152v9.557a34.1 34.1 0 0 1-4.175 16.885c-7.014 12.3-18.232 14.588-18.707 14.679a.956.956 0 0 1-.189.018z"
/>
<path
fill="url(#f)"
d="M95.763 93.668a1 1 0 0 1-.319-.053 24.956 24.956 0 0 1-13.433-11.437 28.591 28.591 0 0 1-3.4-13.954V61.53a1 1 0 0 1 .715-.958 46.113 46.113 0 0 0 15.8-8.593 1.007 1.007 0 0 1 1.263 0 46.154 46.154 0 0 0 15.8 8.593 1 1 0 0 1 .716.958v6.693a28.592 28.592 0 0 1-3.4 13.953 24.957 24.957 0 0 1-13.424 11.44 1 1 0 0 1-.318.052z"
/>
<path
fill="url(#g)"
d="M102.031 70.354h-.7v-2.711a5.568 5.568 0 1 0-11.136 0v2.712h-.7a1 1 0 0 0-1 1v8.9a1 1 0 0 0 1 1h12.536a1 1 0 0 0 1-1v-8.9a1 1 0 0 0-1-1.001zM94.2 67.643a1.568 1.568 0 1 1 3.136 0v2.712H94.2z"
/>
<rect
width="23.636"
height="15.336"
x="21.222"
y="40.523"
fill="url(#h)"
rx="3"
/>
<circle cx="95.763" cy="75.803" r="1.618" fill="url(#i)" />
</svg>
More icons in the same style and category