Add icons to this collection by clicking the heart icon.
Card Security Code icon - also known as electronic, security, card, key, code, password, access, key card, business and finance, and card security code. 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-26.875"
x2="-26.875"
y1="521.064"
y2="579.986"
gradientTransform="matrix(8 0 0 -8 455 4616.9)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M456 35.989H24c-13.255 0-24 10.745-24 24v288c0 13.255 10.745 24 24 24h226.088c26.492 60.725 97.196 88.476 157.92 61.984 43.736-19.08 72.004-62.267 71.992-109.984v-264c0-13.255-10.745-24-24-24zm-440 80h448v32H16v-32zm8-64h432a8 8 0 0 1 8 8v40H16v-40a8 8 0 0 1 8-8zm336 376c-43.875-.075-82.99-27.658-97.792-68.96a97.22 97.22 0 0 1-1.968-5.872c-.432-1.472-.8-2.976-1.152-4.48s-.8-3.2-1.136-4.8c-.392-2.008-.664-4.056-.936-6.104-.16-1.216-.384-2.4-.504-3.656-.32-3.36-.512-6.72-.512-10.128 0-57.438 46.562-104 104-104s104 46.562 104 104-46.562 104-104 104zm98.88-171.848a119.215 119.215 0 0 0-5.464-7.296 132.316 132.316 0 0 0-1.6-1.976c-2.184-2.592-4.448-5.12-6.84-7.52-.248-.256-.52-.488-.8-.736a118.258 118.258 0 0 0-6.872-6.248 45.12 45.12 0 0 0-1.96-1.6c-2.64-2.144-5.344-4.2-8.168-6.112-.24-.168-.504-.312-.744-.48-2.632-1.752-5.344-3.376-8.104-4.92-.76-.424-1.512-.848-2.28-1.256-3.032-1.6-6.112-3.128-9.288-4.48-.192-.08-.4-.144-.6-.232a108.512 108.512 0 0 0-9.224-3.384c-.8-.272-1.688-.536-2.536-.8-3.352-1.008-6.736-1.92-10.2-2.632l-.352-.056c-3.352-.68-6.776-1.176-10.232-1.6-.904-.104-1.808-.2-2.72-.28-3.584-.32-7.216-.544-10.896-.544-66.243.075-119.925 53.757-120 120 0 3.648.224 7.272.552 10.872.08.92.176 1.832.28 2.752.376 3.312.856 6.608 1.512 9.872.096.48.2.952.296 1.432.512 2.4 1.064 4.736 1.72 7.072H24a8 8 0 0 1-8-8v-184h448v100.176c-1.376-2.4-2.84-4.696-4.368-6.968-.24-.36-.504-.696-.752-1.056z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-52.875"
x2="-52.875"
y1="521.064"
y2="579.986"
gradientTransform="matrix(8 0 0 -8 455 4616.9)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M24 123.989h16v16H24v-16z" fill="url(#b)" />
<linearGradient
id="c"
x1="-48.875"
x2="-48.875"
y1="521.064"
y2="579.986"
gradientTransform="matrix(8 0 0 -8 455 4616.9)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M56 123.989h16v16H56v-16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-44.875"
x2="-44.875"
y1="521.064"
y2="579.986"
gradientTransform="matrix(8 0 0 -8 455 4616.9)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M88 123.989h16v16H88v-16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-40.875"
x2="-40.875"
y1="521.064"
y2="579.986"
gradientTransform="matrix(8 0 0 -8 455 4616.9)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M120 123.989h16v16h-16v-16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-36.875"
x2="-36.875"
y1="521.064"
y2="579.986"
gradientTransform="matrix(8 0 0 -8 455 4616.9)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M152 123.989h16v16h-16v-16z" fill="url(#f)" />
<linearGradient
id="g"
x1="-32.875"
x2="-32.875"
y1="521.064"
y2="579.986"
gradientTransform="matrix(8 0 0 -8 455 4616.9)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M184 123.989h16v16h-16v-16z" fill="url(#g)" />
<linearGradient
id="h"
x1="-28.875"
x2="-28.875"
y1="521.064"
y2="579.986"
gradientTransform="matrix(8 0 0 -8 455 4616.9)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M216 123.989h16v16h-16v-16z" fill="url(#h)" />
<linearGradient
id="i"
x1="-24.875"
x2="-24.875"
y1="521.064"
y2="579.986"
gradientTransform="matrix(8 0 0 -8 455 4616.9)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M248 123.989h16v16h-16v-16z" fill="url(#i)" />
<linearGradient
id="j"
x1="-20.875"
x2="-20.875"
y1="521.064"
y2="579.986"
gradientTransform="matrix(8 0 0 -8 455 4616.9)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M280 123.989h16v16h-16v-16z" fill="url(#j)" />
<linearGradient
id="k"
x1="-16.875"
x2="-16.875"
y1="521.064"
y2="579.986"
gradientTransform="matrix(8 0 0 -8 455 4616.9)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M312 123.989h16v16h-16v-16z" fill="url(#k)" />
<linearGradient
id="l"
x1="-12.875"
x2="-12.875"
y1="521.064"
y2="579.986"
gradientTransform="matrix(8 0 0 -8 455 4616.9)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M344 123.989h16v16h-16v-16z" fill="url(#l)" />
<linearGradient
id="m"
x1="-8.875"
x2="-8.875"
y1="521.064"
y2="579.986"
gradientTransform="matrix(8 0 0 -8 455 4616.9)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M376 123.989h16v16h-16v-16z" fill="url(#m)" />
<linearGradient
id="n"
x1="-4.875"
x2="-4.875"
y1="521.064"
y2="579.986"
gradientTransform="matrix(8 0 0 -8 455 4616.9)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M408 123.989h16v16h-16v-16z" fill="url(#n)" />
<linearGradient
id="o"
x1="-.875"
x2="-.875"
y1="521.064"
y2="579.986"
gradientTransform="matrix(8 0 0 -8 455 4616.9)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M440 123.989h16v16h-16v-16z" fill="url(#o)" />
<linearGradient
id="p"
x1="-49.375"
x2="-49.375"
y1="521.064"
y2="579.986"
gradientTransform="matrix(8 0 0 -8 455 4616.9)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M32 323.989h56v16H32v-16z" fill="url(#p)" />
<linearGradient
id="q"
x1="-36.375"
x2="-36.375"
y1="521.064"
y2="579.986"
gradientTransform="matrix(8 0 0 -8 455 4616.9)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M104 323.989h120v16H104v-16z" fill="url(#q)" />
<linearGradient
id="r"
x1="-46.375"
x2="-46.375"
y1="521.064"
y2="579.986"
gradientTransform="matrix(8 0 0 -8 455 4616.9)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M32 291.989h104v16H32v-16z" fill="url(#r)" />
<linearGradient
id="s"
x1="-32.875"
x2="-32.875"
y1="521.064"
y2="579.986"
gradientTransform="matrix(8 0 0 -8 455 4616.9)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M160 291.989h64v16h-64v-16z" fill="url(#s)" />
<linearGradient
id="t"
x1="-19.875"
x2="-19.875"
y1="521.064"
y2="579.986"
gradientTransform="matrix(8 0 0 -8 455 4616.9)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M304 275.989h-16c-8.837 0-16 7.163-16 16v64c0 8.837 7.163 16 16 16h16c8.837 0 16-7.163 16-16v-8a8 8 0 0 0-16 0v8h-16v-64h16v8a8 8 0 0 0 16 0v-8c0-8.837-7.163-16-16-16z"
fill="url(#t)"
/>
<linearGradient
id="u"
x1="-3.875"
x2="-3.875"
y1="521.064"
y2="579.986"
gradientTransform="matrix(8 0 0 -8 455 4616.9)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M416 275.989c-8.837 0-16 7.163-16 16v64c0 8.837 7.163 16 16 16h16c8.837 0 16-7.163 16-16v-8a8 8 0 0 0-16 0v8h-16v-64h16v8a8 8 0 0 0 16 0v-8c0-8.837-7.163-16-16-16h-16z"
fill="url(#u)"
/>
<linearGradient
id="v"
x1="-11.875"
x2="-11.875"
y1="521.064"
y2="579.986"
gradientTransform="matrix(8 0 0 -8 455 4616.9)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M368 291.989v8a8 8 0 0 0 16 0v-8c0-8.837-7.163-16-16-16h-16c-8.837 0-16 7.163-16 16v24c0 8.837 7.163 16 16 16h16v24h-16v-8a8 8 0 0 0-16 0v8c0 8.837 7.163 16 16 16h16c8.837 0 16-7.163 16-16v-24c0-8.837-7.163-16-16-16h-16v-24h16z"
fill="url(#v)"
/>
</svg>
More icons in the same style and category